四種不同類型的網(wǎng)頁布局的區(qū)別

2016-11-05    分類: 網(wǎng)站建設(shè)

1、靜態(tài)布局(Static Layout)
即傳統(tǒng)Web設(shè)計,對于PC設(shè)計一個Layout,在屏幕寬高有調(diào)整時,使用橫向和豎向的滾動條來查閱被遮掩部分;
對于移動設(shè)備,單獨設(shè)計一個布局,使用不同的域名如wap.或m。
2、自適應(yīng)布局(Adaptive Layout)
自適應(yīng)布局(Adaptive)的特點是分別為不同的屏幕分辨率定義布局。布局切換時頁面元素發(fā)生改變,但在每個布局中,頁面元素不隨窗口大小的調(diào)整發(fā)生變化。

你可以把自適應(yīng)布局看作是靜態(tài)布局的一個系列。
3、流式布局(Liquid Layout)
流式布局(Liquid)的特點(也叫"Fluid") 是頁面元素的寬度按照屏幕進(jìn)行適配調(diào)整,主要的問題是如果屏幕尺度跨度太大,那么在相對其原始設(shè)計而言過小或過大的屏幕上不能正常顯示。
4、響應(yīng)式布局(Responsive Layout)
分別為不同的屏幕分辨率定義布局,同時,在每個布局中,應(yīng)用流式布局的理念,即頁面元素寬度隨著窗口調(diào)整而自動適配。
可以把響應(yīng)式布局看作是流式布局和自適應(yīng)布局設(shè)計理念的融合。

網(wǎng)站欄目:四種不同類型的網(wǎng)頁布局的區(qū)別
URL網(wǎng)址:http://www.muchs.cn/news/59439.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供面包屑導(dǎo)航、App開發(fā)網(wǎng)站收錄、手機(jī)網(wǎng)站建設(shè)品牌網(wǎng)站制作、靜態(tài)網(wǎng)站

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)

成都網(wǎng)站建設(shè)