手機端wap網站導航區(qū)域如何布局？
來源：尚品中國|
類型：網站百科|
時間：2018-08-29
網站測試時，改變?yōu)g覽器窗口大小或改變屏幕方向的時候，每個部分都保持在它的相對位置，并拉伸以填充整個區(qū)域。雖然這個特性在某種程度上依賴于正在使用的設備和瀏覽器，不過當使用jQueryMobile時每個部分總是會試圖保持在它應當保持的位置上。
在本章中，學習了一個移動網站的三個基本部分，即頁眉、內容區(qū)域和頁腳。把這些部分組合在一個網頁上并用jQueryMobile庫使它們在瀏覽器中渲染成一個移動網站。
您也學習了可以在每個部分使用有效的HTML，也明白了可以在每個部分使用內聯樣式來控制內容的樣式。樣式還可以通過外部CSS文件來控制。
您學習了如何添加一幅圖片到網站中并使它縮放。最后學習了在一個HTML文件中使用多個“頁面”元素和如何使用按鈕在頁面之間導航。
FAQ
問:我見過一些移動網站有導航域、一個人物角色圖標或一個閃屏，以及一些呼叫響應按鈕。這些是如何對應到移動網站的“三個主要部分”的?
答:導航域可以放置在多個區(qū)域中。一些導航域包含在頁眉部分，另一些則放置在整個頁腳部分。至于呼出(call-out)按鈕，許多網站在頁眉部分中放置一個，或者放在內容區(qū)域中的一個固定位置，在瀏覽網站的時候保持不變。許多元素組成了一個移動網站。“三個主要部分”是幫助您劃分網站和考慮布局的一個方式。
問:可以在任意部分中使用任何HTML標記嗎?或只能使用用過的那些?
答:任何標記，只要是一個有效的HTML標記，就可以使用。一些標記可能會被內部的主題系統(tǒng)應用樣式，但總是可以覆蓋樣式或使用不同的標記?？赡芤鹗〉臉擞浭悄切o效的或非創(chuàng)建的標記。
問:為什么將圖片的樣式設置為”max-width:100%"?
答:這讓圖片能自行縮放。通過將所有圖片標記的樣式設置為”max-width:100%"，告訴瀏覽器圖片不可以超出父容器，而應該盡量接近它。這樣做，當父容器小于圖片的實際大小時，圖片會按比例縮小以適應父容器。注意，如果您正在舊版本的瀏覽器中查看移動網站，則圖片仍有可能會超出父容器。
信息來源尚品中國：手機網站建設
來源聲明：本文章系尚品中國編輯原創(chuàng)或采編整理，如需轉載請注明來自尚品中國。以上內容部分(包含圖片、文字)來源于網絡，如有侵權，請及時與本站聯系（010-60259772）。
推薦新聞
更多行業(yè)-
醫(yī)療器械網站制作的效率怎么保障？
現在提到了網站的使用，相信很多企業(yè)都不會覺得陌生，這是因為使用了以后，...
2022-11-25 -
經歷6.28百度K站后從中得到的教訓以及學習的經驗
肯定是還有別的方面的問題，當然這也是個人總結進去的原因。目前也是總結中...
2012-07-05 -
用戶體驗技術
Web 2.0強調用戶創(chuàng)造內容，意味著網站的功能設計盡可能地直觀易用，...
2014-07-31 -
網絡經濟的影響
網絡經濟在世界經濟中的作用越來越大。將大大推動世界經濟的發(fā)展進程。網絡...
2014-09-04 -
網站目錄與搜索引擎的交互
眾所周知，搜索引擎是通過腳本和機器碼運行的，目錄是手工組織的站點目錄列...
2021-04-07 -
網站頁面不收錄有哪些原因？
人們經常問為什么網站不收錄，為什么網站收錄這么少。事實上，網站的加入與...
2020-03-16
如果您的網站可以增加轉化次數并提高客戶滿意度，該怎么辦？
預約專業(yè)咨詢顧問溝通！
Copyright ? 2024 恒久尚品 版權所有 | 京ICP備09066521號
| 公安機關備案號:11011502003910
免責聲明
誠信企業(yè)
尚品專注高端網站建設，系統(tǒng)平臺開發(fā)，微信小程序及APP開發(fā)服務
尚品專注高端網站建設，系統(tǒng)平臺開發(fā)，微信小程序及APP開發(fā)服務
免責聲明
非常感謝您訪問我們的網站。在您使用本網站之前，請您仔細閱讀本聲明的所有條款。
1、本站部分內容來源自網絡，涉及到的部分文章和圖片版權屬于原作者，本站轉載僅供大家學習和交流，切勿用于任何商業(yè)活動。
2、本站不承擔用戶因使用這些資源對自己和他人造成任何形式的損失或傷害。
3、本聲明未涉及的問題參見國家有關法律法規(guī)，當本聲明與國家法律法規(guī)沖突時，以國家法律法規(guī)為準。
4、如果侵害了您的合法權益，請您及時與我們,我們會在第一時間刪除相關內容!
聯系方式：010-60259772
電子郵件：394588593@qq.com
