2016-11-05 分類: 網站建設
1、靜態布局(Static Layout)
即傳統Web設計,對于PC設計一個Layout,在屏幕寬高有調整時,使用橫向和豎向的滾動條來查閱被遮掩部分;
對于移動設備,單獨設計一個布局,使用不同的域名如wap.或m。
2、自適應布局(Adaptive Layout)
自適應布局(Adaptive)的特點是分別為不同的屏幕分辨率定義布局。布局切換時頁面元素發生改變,但在每個布局中,頁面元素不隨窗口大小的調整發生變化。
你可以把自適應布局看作是靜態布局的一個系列。
3、流式布局(Liquid Layout)
流式布局(Liquid)的特點(也叫"Fluid") 是頁面元素的寬度按照屏幕進行適配調整,主要的問題是如果屏幕尺度跨度太大,那么在相對其原始設計而言過小或過大的屏幕上不能正常顯示。
4、響應式布局(Responsive Layout)
分別為不同的屏幕分辨率定義布局,同時,在每個布局中,應用流式布局的理念,即頁面元素寬度隨著窗口調整而自動適配。
可以把響應式布局看作是流式布局和自適應布局設計理念的融合。
網站欄目:四種不同類型的網頁布局的區別
URL網址:http://m.newbst.com/news/59439.html
成都網站建設公司_創新互聯,為您提供面包屑導航、App開發、網站收錄、手機網站建設、品牌網站制作、靜態網站
聲明:本網站發布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創新互聯
猜你還喜歡下面的內容