天堂中文在线资源一区二区三区|久久亚洲精品中文字幕视频|久久免费只有精品国产|热这里只有精品国产

TEL:

15856673411

當(dāng)前位置:首頁 > 互聯(lián)網(wǎng)課堂 > 公司新聞 > 什么是響應(yīng)式布局網(wǎng)站

什么是響應(yīng)式布局網(wǎng)站

來源:黃山網(wǎng)奇科技|2017.05.17    瀏覽:5174

  一個網(wǎng)站能夠兼容多個終端——而不是為每個終端做一個特定的版本。這個概念是為解決移動互聯(lián)網(wǎng)瀏覽而誕生的。

  響應(yīng)式布局可以為不同終端的用戶提供更加舒適的界面和更好的用戶體驗(yàn),而且隨著目前大屏幕移動設(shè)備的普及,用“大勢所趨”來形容也不為過。隨著越來越多的設(shè)計師采用這個技術(shù),我們不僅看到很多的創(chuàng)新,還看到了一些成形的模式。

  在談響應(yīng)式布局前,網(wǎng)奇科技先梳理下網(wǎng)站設(shè)計中整體頁面排版布局,常見的主要有如下幾種類型:

1.png

布局實(shí)現(xiàn)

  采用何種方式實(shí)現(xiàn)布局設(shè)計,也有不同的方式,這里基于頁面的實(shí)現(xiàn)單位而言,分為四種類型:固定布局、可切換的固定布局、彈性布局、混合布局。

固定布局:以像素作為頁面的基本單位,不管設(shè)備屏幕及瀏覽器寬度,只設(shè)計一套尺寸;

可切換的固定布局:同樣以像素作為頁面單位,參考主流設(shè)備尺寸,設(shè)計幾套不同寬度的布局。通過設(shè)別的屏幕尺寸或?yàn)g覽器寬度,選擇最合適的那套寬度布局;

彈性布局:以百分比作為頁面的基本單位,可以適應(yīng)一定范圍內(nèi)所有尺寸的設(shè)備屏幕及瀏覽器寬度,并能完美利用有效空間展現(xiàn)最佳效果;

混合布局:同彈性布局類似,可以適應(yīng)一定范圍內(nèi)所有尺寸的設(shè)備屏幕及瀏覽器寬度,并能完美利用有效空間展現(xiàn)最佳效果;只是混合像素、和百分比兩種單位作為頁面單位。


布局響應(yīng)

  對頁面進(jìn)行響應(yīng)式的設(shè)計實(shí)現(xiàn),需要對相同內(nèi)容進(jìn)行不同寬度的布局設(shè)計,有兩種方式:桌面優(yōu)先(從桌面端開始向下設(shè)計);移動優(yōu)先(從移動端向上設(shè)計);

  無論基于那種模式的設(shè)計,要兼容所有設(shè)備,布局響應(yīng)時不可避免地需要對模塊布局做一些變化(發(fā)生布局改變的臨界點(diǎn)稱之為斷點(diǎn)),

  我們通過JS獲取設(shè)備的屏幕寬度,來改變網(wǎng)頁的布局,這一過程我們可以稱之為布局響應(yīng)屏幕。常見的主要有如下幾種方式:

布局不變,即頁面中整體模塊布局不發(fā)生變化,主要有:


1.模塊中內(nèi)容:擠壓-拉伸;? 2.模塊中內(nèi)容:換行-平鋪;? 3.模塊中內(nèi)容:刪減-增加;


Top 阜阳市| 北安市| 聂拉木县| 桐城市| 泰安市| 怀宁县| 宝坻区| 枣庄市| 湖南省| 贡嘎县| 阿合奇县| 南木林县| 寻乌县| 塔河县| 明溪县| 河池市| 明光市| 嘉峪关市| 屏边| 桐梓县| 宜宾市| 固始县| 汤原县| 天水市| 酒泉市| 芦山县| 南汇区| 福泉市| 临漳县| 崇礼县| 利辛县| 哈巴河县| 桑植县| 边坝县| 建湖县| 南岸区| 方正县| 钦州市| 攀枝花市| 游戏| 宾川县|