四種不同類型的網頁布局的區(qū)別
1、靜態(tài)布局(Static Layout)
即傳統(tǒng)Web設計,對于PC設計一個Layout,在屏幕寬高有調整時,使用橫向和豎向的滾動條來查閱被遮掩部分;
對于移動設備,單獨設計一個布局,使用不同的域名如wap.或m。
2、自適應布局(Adaptive Layout)
自適應布局(Adaptive)的特點是分別為不同的屏幕分辨率定義布局。布局切換時頁面元素發(fā)生改變,但在每個布局中,頁面元素不隨窗口大小的調整發(fā)生變化。
你可以把自適應布局看作是靜態(tài)布局的一個系列。
3、流式布局(Liquid Layout)
流式布局(Liquid)的特點(也叫"Fluid") 是頁面元素的寬度按照屏幕進行適配調整,主要的問題是如果屏幕尺度跨度太大,那么在相對其原始設計而言過小或過大的屏幕上不能正常顯示。
4、響應式布局(Responsive Layout)
分別為不同的屏幕分辨率定義布局,同時,在每個布局中,應用流式布局的理念,即頁面元素寬度隨著窗口調整而自動適配。
可以把響應式布局看作是流式布局和自適應布局設計理念的融合。
- 上一篇:HTML5 和 HTML的區(qū)別
- 下一篇:怎么選取目標關鍵詞?