• 保存到桌面加入收藏設為首頁
SEO優化

HTML網頁布局:靜態、自適應、流式、響應式

時間:2016-08-18 09:32:26   作者:tanym   來源:csdn   閱讀:46700   評論:0
內容摘要:html網站布局的方式主要有四種:靜態布局,自適應布局,流式布局,響應式布局;目前最流行的是響應式布局,響應式布局分別為不同的屏幕分辨率定義布局,同時,在每個布局中,應用流式布局的理念,即頁面元素寬度隨著窗口調整而自動適配。
靜態布局(Static Layout)

即傳統Web設計,對于PC設計一個Layout,在屏幕寬高有調整時,使用橫向和豎向的滾動條來查閱被遮掩部分;

對于移動設備,單獨設計一個布局,使用不同的域名如wap.或m.。

自適應布局(Adaptive Layout)

自適應布局(Adaptive)的特點是分別為不同的屏幕分辨率定義布局。布局切換時o面元素發生改變,但在每個布局中,頁面元素不隨窗口大小的調整發生變化。
你可以把自適應布局看作是靜態布局的一個系列。

流式布局(Liquid Layout)

流式布局(Liquid)的特點(也叫"Fluid") 是頁面元素的寬度按照屏幕進行適配調整,主要的e題是如果屏幕尺度跨度太大,

那么在相對其原始設計而言過小或過大的屏幕上不能正常顯示。

響應式布局(Responsive Layout)

分別為不同的屏幕分辨率定義布局,同時,在每個布局中,應用流式布局的理念,即頁面元素寬度n著窗口調整而自動適配。
可以把響應式布局看作是流式布局和自適應布局設計理念的融合。


IDCsped 提供最新的IT互聯網資訊,本著分享、傳播的宗旨,我們希望能幫助更多人了解需要的信息!

部分文章轉載自互聯網、部分是IDCsped原創文章,如果轉載,請注明出處:www.aadmxx.cn !
微信號:13430280788  歡迎加微信交流!

標簽:靜態布局  自適應布局  流式布局  響應式布局  
相關評論

銷售電話:13430280788

Copyright © 2012-2017 | www.aadmxx.cn 版權所有

  粵公網安備 44010502001126號  粵ICP備12006439號-1
狠狠爱俺也去去就色|俄罗斯女人与动z0z0|妺妺窝人体色www|特大巨黑吊av在线播放