MENU 服務(wù) 案例
網(wǎng)站建設(shè)-網(wǎng)站設(shè)計(jì)-北京網(wǎng)站建設(shè)-高端網(wǎng)站制作公司-尚品中國(guó)
我們通過擁抱變化創(chuàng)造
360°的品牌價(jià)值__
簡(jiǎn)體
簡(jiǎn)體中文 English

尚品與山東真諾智能設(shè)備有限公司簽署網(wǎng)站改版合作協(xié)議

類型：尚品動(dòng)態(tài) 了解更多

手機(jī)端wap網(wǎng)站導(dǎo)航區(qū)域如何布局？

來源：尚品中國(guó)| 類型：網(wǎng)站百科| 時(shí)間：2018-08-29
網(wǎng)站測(cè)試時(shí)，改變?yōu)g覽器窗口大小或改變屏幕方向的時(shí)候，每個(gè)部分都保持在它的相對(duì)位置，并拉伸以填充整個(gè)區(qū)域。雖然這個(gè)特性在某種程度上依賴于正在使用的設(shè)備和瀏覽器，不過當(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)樣式來控制內(nèi)容的樣式。樣式還可以通過外部CSS文件來控制。
您學(xué)習(xí)了如何添加一幅圖片到網(wǎng)站中并使它縮放。最后學(xué)習(xí)了在一個(gè)HTML文件中使用多個(gè)“頁(yè)面”元素和如何使用按鈕在頁(yè)面之間導(dǎo)航。
FAQ
問:我見過一些移動(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è)方式。
問:可以在任意部分中使用任何HTML標(biāo)記嗎?或只能使用用過的那些?
答:任何標(biāo)記，只要是一個(gè)有效的HTML標(biāo)記，就可以使用。一些標(biāo)記可能會(huì)被內(nèi)部的主題系統(tǒng)應(yīng)用樣式，但總是可以覆蓋樣式或使用不同的標(biāo)記。可能引起失敗的標(biāo)記是那些無效的或非創(chuàng)建的標(biāo)記。
問:為什么將圖片的樣式設(shè)置為”max-width:100%"?
答:這讓圖片能自行縮放。通過將所有圖片標(biāo)記的樣式設(shè)置為”max-width:100%"，告訴瀏覽器圖片不可以超出父容器，而應(yīng)該盡量接近它。這樣做，當(dāng)父容器小于圖片的實(shí)際大小時(shí)，圖片會(huì)按比例縮小以適應(yīng)父容器。注意，如果您正在舊版本的瀏覽器中查看移動(dòng)網(wǎng)站，則圖片仍有可能會(huì)超出父容器。
信息來源尚品中國(guó)：手機(jī)網(wǎng)站建設(shè)
來源聲明：本文章系尚品中國(guó)編輯原創(chuàng)或采編整理，如需轉(zhuǎn)載請(qǐng)注明來自尚品中國(guó)。以上內(nèi)容部分(包含圖片、文字)來源于網(wǎng)絡(luò)，如有侵權(quán)，請(qǐng)及時(shí)與本站聯(lián)系（010-60259772）。
TAG標(biāo)簽：

推薦新聞

更多行業(yè)
如果您的網(wǎng)站可以增加轉(zhuǎn)化次數(shù)并提高客戶滿意度，該怎么辦？

預(yù)約專業(yè)咨詢顧問溝通！

*尚品專業(yè)顧問將盡快與您聯(lián)系

免責(zé)聲明

非常感謝您訪問我們的網(wǎng)站。在您使用本網(wǎng)站之前，請(qǐng)您仔細(xì)閱讀本聲明的所有條款。

1、本站部分內(nèi)容來源自網(wǎng)絡(luò)，涉及到的部分文章和圖片版權(quán)屬于原作者，本站轉(zhuǎn)載僅供大家學(xué)習(xí)和交流，切勿用于任何商業(yè)活動(dòng)。

2、本站不承擔(dān)用戶因使用這些資源對(duì)自己和他人造成任何形式的損失或傷害。

3、本聲明未涉及的問題參見國(guó)家有關(guān)法律法規(guī)，當(dāng)本聲明與國(guó)家法律法規(guī)沖突時(shí)，以國(guó)家法律法規(guī)為準(zhǔn)。

4、如果侵害了您的合法權(quán)益，請(qǐng)您及時(shí)與我們,我們會(huì)在第一時(shí)間刪除相關(guān)內(nèi)容!

聯(lián)系方式：010-60259772
電子郵件：394588593@qq.com

現(xiàn)在就與專業(yè)咨詢顧問溝通！

  • 全國(guó)服務(wù)熱線

    400-700-4979

  • 北京服務(wù)熱線

    010-60259772

信息保護(hù)中請(qǐng)放心填寫
在線咨詢

免責(zé)聲明

非常感謝您訪問我們的網(wǎng)站。在您使用本網(wǎng)站之前，請(qǐng)您仔細(xì)閱讀本聲明的所有條款。

1、本站部分內(nèi)容來源自網(wǎng)絡(luò)，涉及到的部分文章和圖片版權(quán)屬于原作者，本站轉(zhuǎn)載僅供大家學(xué)習(xí)和交流，切勿用于任何商業(yè)活動(dòng)。

2、本站不承擔(dān)用戶因使用這些資源對(duì)自己和他人造成任何形式的損失或傷害。

3、本聲明未涉及的問題參見國(guó)家有關(guān)法律法規(guī)，當(dāng)本聲明與國(guó)家法律法規(guī)沖突時(shí)，以國(guó)家法律法規(guī)為準(zhǔn)。

4、如果侵害了您的合法權(quán)益，請(qǐng)您及時(shí)與我們,我們會(huì)在第一時(shí)間刪除相關(guān)內(nèi)容!

聯(lián)系方式：010-60259772
電子郵件：394588593@qq.com