測(cè)試網(wǎng)站時(shí)，調(diào)整瀏覽器窗口大小或更改屏幕方向時(shí)，每個(gè)部分保持其相對(duì)位置并拉伸以填充整個(gè)區(qū)域。雖然此功能在某種程度上取決于所使用的設(shè)備和瀏覽器，但在使用jQueryMobile 時(shí)，每個(gè)部分將始終嘗試保持在應(yīng)有的位置。

在本章中，您了解了移動(dòng)網(wǎng)站的三個(gè)基本部分，即頁眉、內(nèi)容區(qū)域和頁腳。將這些部分組合在網(wǎng)頁上，并使用jQueryMobile 庫使它們?cè)跒g覽器中呈現(xiàn)為移動(dòng)站點(diǎn)。

您還了解到可以為每個(gè)部分使用有效的HTML，并且可以為每個(gè)部分使用內(nèi)聯(lián)樣式來控制內(nèi)容的樣式。還可以通過外部CSS 文件控制樣式。

您學(xué)習(xí)了如何將圖像添加到您的網(wǎng)站并使其縮放。最后，您學(xué)習(xí)了如何在HTML 文件中使用多個(gè)“頁面”元素以及如何使用按鈕在頁面之間導(dǎo)航。

FAQ

Q: 我見過一些移動(dòng)網(wǎng)站有導(dǎo)航字段、角色圖標(biāo)或初始屏幕，以及一些呼叫響應(yīng)按鈕。這些如何映射到移動(dòng)網(wǎng)站的“三個(gè)主要部分”？

答： 導(dǎo)航域可以放在多個(gè)區(qū)域。一些導(dǎo)航字段包含在頁眉部分，其他的則放在整個(gè)頁腳部分。至于呼出按鈕，很多網(wǎng)站會(huì)在頁眉部分或內(nèi)容區(qū)的固定位置放置一個(gè)，在瀏覽網(wǎng)站時(shí)保持不變。許多元素構(gòu)成了一個(gè)移動(dòng)網(wǎng)站。 “三個(gè)主要部分”是一種幫助您劃分站點(diǎn)和考慮布局的方法。

Q: 我可以在任何部分使用任何HTML 標(biāo)簽嗎？還是只有用過的？

答： 任何標(biāo)簽，只要是有效的HTML標(biāo)簽，都可以使用。某些標(biāo)記可能由內(nèi)部主題系統(tǒng)設(shè)置樣式，但始終可以覆蓋樣式或使用不同的標(biāo)記?？赡軐?dǎo)致失敗的標(biāo)簽是那些無效或未創(chuàng)建的標(biāo)簽。

問： 為什么圖片的樣式設(shè)置為“max-width:100%'？

回答： 這允許圖片自行縮放。通過將所有圖片標(biāo)簽的樣式設(shè)置為“max-width:100%”，告訴瀏覽器圖片不要超過父容器，而是盡可能靠近父容器。這樣做，當(dāng)父容器小于圖像的實(shí)際大小，圖像將按比例縮小以適合父容器。請(qǐng)注意，如果您在較舊的瀏覽器中查看移動(dòng)站點(diǎn)，圖像可能仍會(huì)超出父容器。

信息來源推來客：手機(jī)網(wǎng)站建設(shè)

我們專注高端建站，小程序開發(fā)、軟件系統(tǒng)定制開發(fā)、BUG修復(fù)、物聯(lián)網(wǎng)開發(fā)、各類API接口對(duì)接開發(fā)等。十余年開發(fā)經(jīng)驗(yàn)，每一個(gè)項(xiàng)目承諾做到滿意為止，多一次對(duì)比，一定讓您多一份收獲！