網頁四種佈局方式

即傳統Web設計,對於PC設計一個Layout,在屏幕寬高有調整時,使用橫向和豎向的滾動條來查閱被遮掩部分;
對於移動設備,單獨設計一個佈局,使用不同的域名如wap.或m.。


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


流式佈局(Liquid)的特點(也叫"Fluid") 是頁面元素的寬度按照屏幕進行適配調整,主要的問題是如果屏幕尺度跨度太大,那麼在相對其原始設計而言過小或過大的屏幕上不能正常顯示。
響應式佈局(Responsive Layout)
分別爲不同的屏幕分辨率定義佈局,同時,在每個佈局中,應用流式佈局的理念,即頁面元素寬度隨着窗口調整而自動適配。


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章