2022-04-19 10:15:44|已瀏覽:232次
web前端怎么布局網頁?Web前端的布局類型有這些:靜態布局、流式布局、自適應布局、響應式布局;其如果只做電腦端,建議選擇靜態布局;如果做移動端,且設計對高度和元素間距要求不高,建議選擇彈性布局。
web前端怎么布局網頁:
1.靜態布局:不管瀏覽器尺寸具體是多少,網頁布局始終按照最初寫代碼時的布局來顯示。常規的pc的網站都是靜態(定寬度)布局的,也就是設置了min-width,這樣的話,如果小于這個寬度就會出現滾動條,如果大于這個寬度則內容居中外加背景,這種設計常見于pc端。
2.流式布局:布局特點是屏幕分辨率變化時,頁面里元素的大小會變化而但布局不變。
3.自適應布局:自適應布局的特點是分別為不同的屏幕分辨率定義布局,即創建多個靜態布局,每個靜態布局對應一個屏幕分辨率范圍。
4.響應式布局:布局特點是每個屏幕分辨率下面會有一個布局樣式,即元素位置和大小都會變。
web前端怎么布局網頁?那么我們如何布局呢?通過以下幾點來選擇布局。
1.如果只做電腦端,選擇是靜態布局。
2.如果做移動端,且設計對高度和元素間距要求不高,那么彈性布局(rem+js)是***的選擇,通過一份css+一份js調節font-size就搞定。
3.如果電腦端,移動端要兼容,而且要求很高,那么響應式布局還是***的選擇。前提是設計根據不同的高寬做不同的設計,響應式根據媒體查詢做不同的布局。
注:尊重原創文章,轉載請注明出處和鏈接 http://m.dedgn.cn/news-id-29035.html 違者必究!部分文章來源于網絡由培訓無憂網編輯部人員整理發布,內容真實性請自行核實或聯系我們,了解更多相關資訊請關注web前端頻道查看更多,了解相關專業課程信息您可在線咨詢也可免費申請試課。關注官方微信了解更多:150 3333 6050