網(wǎng)站測(cè)試時(shí),改變?yōu)g覽器窗口大小或改變屏幕方向的時(shí)候,每個(gè)部分都保持在它的相對(duì)位置,并拉伸以填充整個(gè)區(qū)域。雖然這個(gè)特性在某種程度上依賴于正在使用的設(shè)備和瀏覽器,不過(guò)當(dāng)使用jQueryMobile時(shí)每個(gè)部分總是會(huì)試圖保持在它應(yīng)當(dāng)保持的位置上。
在本章中,學(xué)習(xí)了一個(gè)移動(dòng)網(wǎng)站的三個(gè)基本部分,即頁(yè)眉、內(nèi)容區(qū)域和頁(yè)腳。把這些部分組合在一個(gè)網(wǎng)頁(yè)上并用jQueryMobile庫(kù)使它們?cè)跒g覽器中渲染成一個(gè)移動(dòng)網(wǎng)站。
您也學(xué)習(xí)了可以在每個(gè)部分使用有效的HTML,也明白了可以在每個(gè)部分使用內(nèi)聯(lián)樣式來(lái)控制內(nèi)容的樣式。樣式還可以通過(guò)外部CSS文件來(lái)控制。
您學(xué)習(xí)了如何添加一幅圖片到網(wǎng)站中并使它縮放。最后學(xué)習(xí)了在一個(gè)HTML文件中使用多個(gè)“頁(yè)面”元素和如何使用按鈕在頁(yè)面之間導(dǎo)航。
FAQ
問(wèn):我見(jiàn)過(guò)一些移動(dòng)網(wǎng)站有導(dǎo)航域、一個(gè)人物角色圖標(biāo)或一個(gè)閃屏,以及一些呼叫響應(yīng)按鈕。這些是如何對(duì)應(yīng)到移動(dòng)網(wǎng)站的“三個(gè)主要部分”的?
答:導(dǎo)航域可以放置在多個(gè)區(qū)域中。一些導(dǎo)航域包含在頁(yè)眉部分,另一些則放置在整個(gè)頁(yè)腳部分。至于呼出(call-out)按鈕,許多網(wǎng)站在頁(yè)眉部分中放置一個(gè),或者放在內(nèi)容區(qū)域中的一個(gè)固定位置,在瀏覽網(wǎng)站的時(shí)候保持不變。許多元素組成了一個(gè)移動(dòng)網(wǎng)站。“三個(gè)主要部分”是幫助您劃分網(wǎng)站和考慮布局的一個(gè)方式。
問(wèn):可以在任意部分中使用任何HTML標(biāo)記嗎?或只能使用用過(guò)的那些?
答:任何標(biāo)記,只要是一個(gè)有效的HTML標(biāo)記,就可以使用。一些標(biāo)記可能會(huì)被內(nèi)部的主題系統(tǒng)應(yīng)用樣式,但總是可以覆蓋樣式或使用不同的標(biāo)記??赡芤鹗〉臉?biāo)記是那些無(wú)效的或非創(chuàng)建的標(biāo)記。
問(wèn):為什么將圖片的樣式設(shè)置為”max-width:100%"?
答:這讓圖片能自行縮放。通過(guò)將所有圖片標(biāo)記的樣式設(shè)置為”max-width:100%",告訴瀏覽器圖片不可以超出父容器,而應(yīng)該盡量接近它。這樣做,當(dāng)父容器小于圖片的實(shí)際大小時(shí),圖片會(huì)按比例縮小以適應(yīng)父容器。注意,如果您正在舊版本的瀏覽器中查看移動(dòng)網(wǎng)站,則圖片仍有可能會(huì)超出父容器。
信息來(lái)源創(chuàng)新互聯(lián):
手機(jī)網(wǎng)
本文題目:手機(jī)端wap網(wǎng)站導(dǎo)航區(qū)域如何布局?
地址分享:http://m.rwnh.cn/news31/228831.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供云服務(wù)器、網(wǎng)站維護(hù)、響應(yīng)式網(wǎng)站、外貿(mào)建站、網(wǎng)站導(dǎo)航、服務(wù)器托管
廣告
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源:
創(chuàng)新互聯(lián)