在網(wǎng)頁設(shè)計(jì)中，定寬頁面和全屏頁面有以下不同的注意事項(xiàng)：
一、定寬頁面
-
尺寸確定
-
要考慮市場(chǎng)上常見的屏幕分辨率，目前筆記本常見分辨率為 1366768，臺(tái)式機(jī)有 1440900、1920*1080 等。為保證小屏內(nèi)容完整，常用定寬尺寸是 1200px，但實(shí)際會(huì)根據(jù)內(nèi)容、導(dǎo)航、適配終端等因素調(diào)整。例如，簡(jiǎn)書首頁寬度為 960px，京東訂單詳情為 1210px。
-
內(nèi)容適配
-
定寬頁面常用于詳情、圖片、字段不多的列表、內(nèi)容流等。對(duì)于圖片等內(nèi)容，要注意在大屏下可能會(huì)顯得小氣。像站酷這樣的網(wǎng)站在這方面處理較好，當(dāng)屏幕寬度大于 1600 時(shí)，采用 1400 的定寬；當(dāng)屏幕小于 1600，使用 1150 的寬，并且圖片大小也會(huì)相應(yīng)改變，淘寶和京東的商品列表頁也有類似處理，設(shè)計(jì)時(shí)需要參考這種根據(jù)屏幕寬度靈活調(diào)整內(nèi)容展示的方式。
二、全屏頁面
-
最小適配寬度設(shè)置
-
全屏頁面除兩側(cè)邊界外，內(nèi)容會(huì)隨著屏幕大小而撐滿。要設(shè)定最小的適配寬度，當(dāng)頁面低于該寬度時(shí)不再適配，會(huì)出現(xiàn)橫向滾動(dòng)條。這個(gè)最小適配寬度的設(shè)置要綜合考慮頁面內(nèi)容的正常顯示范圍，例如一些管理類網(wǎng)站、字段很多的列表頁等不同類型頁面的內(nèi)容完整展示需求。
-
適配方式選擇
-
適配方式有多種。一是根據(jù)屏幕大小等比例放大（或者根據(jù)不同的屏幕設(shè)定不同的放大 / 縮小比例），要確保內(nèi)容在不同屏幕比例下都能合理展示，避免出現(xiàn)拉伸變形等情況；二是根據(jù)屏幕大小拉寬元素，元素高度不變，但在大屏下可能導(dǎo)致元素比例變形，影響視覺效果，所以這種方式要謹(jǐn)慎使用；三是根據(jù)屏幕大小，增加 / 減少每行顯示的內(nèi)容多少，多數(shù)適合于頁面內(nèi)容為網(wǎng)格布局的情況；四是使用 bootstrap 等框架，采用響應(yīng)式布局，根據(jù)屏幕大小改變大小的同時(shí)改變?cè)嘏虐娣绞?，選擇時(shí)要根據(jù)頁面內(nèi)容、在大小屏幕下的顯示情況以及整個(gè)網(wǎng)站所使用的框架等來綜合考慮。
