武漢響應式網頁設計目前的幾種布局

閱讀 ?·? 發布日期 2020-07-09 07:27 ?·? admin
響應式網頁設計目前的幾種布局,隨著移動互聯網的發展和微信的突起,移動端的響應式布局越來越重要了。武漢網站建設網站設計武漢網站制作★網頁設計-599元全包;企業網絡推廣☆武漢網站優化seo☆關鍵詞排名☆百度快照-2200元全年展示;做網站優化排名-武漢網站建設公司?13172194676(注:選好網站模板,請聯系客服,百度云盤下載提取網站模板)curryupcaters.com/wuhan/
 
目前網站布局有以下幾種:
 
1.定寬度布局
 
很多pc的網站都是定寬度布局的,也就是設置了min-width,
 
這樣一來,如果小于這個寬度就會出現滾動條,
 
如果大于這個寬度則內容居中外加背景,
 
這種設計常見與pc端。
 
2.響應式布局
 
所謂響應式布局就是流式布局+媒體查詢,
 
流式布局用來解決不同寬度的布局問題,
 
外加媒體查詢,可以調整布局,例如大屏幕是布局1,小屏幕是布局2,
 
這種布局通吃pc和移動端,做到精細處,兩者的效果都很好,
 
缺點是媒體查詢是有限的,也就是可以枚舉出來的,
 
只能適應主流的寬高。
 
3.rem布局
 
近期出現rem布局,參考:http://isux.tencent.com/web-app-rem.html
 
原理是,先按定高寬設計出來頁面,然后轉換為rem單位,
 
配合js查詢屏幕大小來改變html的font-size,
 
最終做出所謂的完美自適應。