測試網(wǎng)站時,調(diào)整瀏覽器窗口大小或更改屏幕方向時,每個部分保持其相對位置并拉伸以填充整個區(qū)域。雖然此功能在某種程度上取決于所使用的設(shè)備和瀏覽器,但在使用jQueryMobile 時,每個部分將始終嘗試保持在應(yīng)有的位置。
在本章中,您了解了移動網(wǎng)站的三個基本部分,即頁眉、內(nèi)容區(qū)域和頁腳。將這些部分組合在網(wǎng)頁上,并使用jQueryMobile 庫使它們在瀏覽器中呈現(xiàn)為移動站點。
您還了解到可以為每個部分使用有效的HTML,并且可以為每個部分使用內(nèi)聯(lián)樣式來控制內(nèi)容的樣式。還可以通過外部CSS 文件控制樣式。
您學(xué)習了如何將圖像添加到您的網(wǎng)站并使其縮放。最后,您學(xué)習了如何在HTML 文件中使用多個“頁面”元素以及如何使用按鈕在頁面之間導(dǎo)航。
FAQ
Q: 我見過一些移動網(wǎng)站有導(dǎo)航字段、角色圖標或初始屏幕,以及一些呼叫響應(yīng)按鈕。這些如何映射到移動網(wǎng)站的“三個主要部分”?
答: 導(dǎo)航域可以放在多個區(qū)域。一些導(dǎo)航字段包含在頁眉部分,其他的則放在整個頁腳部分。至于呼出按鈕,很多網(wǎng)站會在頁眉部分或內(nèi)容區(qū)的固定位置放置一個,在瀏覽網(wǎng)站時保持不變。許多元素構(gòu)成了一個移動網(wǎng)站。 “三個主要部分”是一種幫助您劃分站點和考慮布局的方法。
Q: 我可以在任何部分使用任何HTML 標簽嗎?還是只有用過的?
答: 任何標簽,只要是有效的HTML標簽,都可以使用。某些標記可能由內(nèi)部主題系統(tǒng)設(shè)置樣式,但始終可以覆蓋樣式或使用不同的標記。可能導(dǎo)致失敗的標簽是那些無效或未創(chuàng)建的標簽。
問: 為什么圖片的樣式設(shè)置為“max-width:100%'?
回答: 這允許圖片自行縮放。通過將所有圖片標簽的樣式設(shè)置為“max-width:100%”,告訴瀏覽器圖片不要超過父容器,而是盡可能靠近父容器。這樣做,當父容器小于圖像的實際大小,圖像將按比例縮小以適合父容器。請注意,如果您在較舊的瀏覽器中查看移動站點,圖像可能仍會超出父容器。
信息來源推來客:手機網(wǎng)站建設(shè)
我們專注高端建站,小程序開發(fā)、軟件系統(tǒng)定制開發(fā)、BUG修復(fù)、物聯(lián)網(wǎng)開發(fā)、各類API接口對接開發(fā)等。十余年開發(fā)經(jīng)驗,每一個項目承諾做到滿意為止,多一次對比,一定讓您多一份收獲!