查看其它板塊

網站建設分辨率定寬設計和全屏設計的區別

來源：網站建設觀點 - 遠策科技 | 2019-03-18

網站分辨率目前有兩種方式，采用定寬（固定尺寸）或者全屏（根據窗口大小自適應）。筆記本常見的屏幕分辨率為1366*768；臺式機常見分辨率有1440*900、1920*1080。市場上可能遇到的低分辨率為1280*768，比如投影儀或者其他設備（其他更小的屏幕可暫不考慮）。

網站建設

為了保證在小屏下，內容可查看完整，因此目前常用的定寬頁面尺寸是1200px，實際可能會根據所展示的內容，頁面導航，頁面其他元素，頁面所要適配的終端等，進行調整。比如，簡書首頁的寬度為960px；京東訂單詳情為1210px。

定寬頁面常用于：詳情，圖片，字段并不多的列表，內容流等。

定寬頁面雖然可以免去屏幕適配的煩惱，但是對于有些內容，可能會感覺在大屏下顯得過于小氣，體驗并不好，比如圖片。而站酷在這一點上，處理的比較好，可以借鑒。當屏幕寬度大于1600時，采用1400的定寬；當屏幕小于1600，使用1150的寬，同時圖片大小也會發生改變。（注：淘寶和京東的商品列表頁也采用了類似的處理方式）

全屏頁面指，除了頁面左右兩側的邊界，頁面中的內容會隨著屏幕大小而撐滿。但是為了保證頁面內容正常顯示，一般會設定小的適配寬度，頁面低于該寬度不再設配，頁面出現橫向滾動條。

全屏頁面常用于：網站宣傳頁、采用左側導航的管理類網站、字段很多的列表頁、需要全屏查看的看板頁、使用瀑布流的頁面，或者頁面中有用戶需要可視區域更大才可方便操作的元素，比如地圖軌跡等。

對于全屏頁面，需要考慮，當屏幕變大或者變小時如果適配。一般常用的適配方式有：

A.根據屏幕大小等比例放大（或者根據不同的屏幕設定不同的放大/縮小比例）；

B.根據屏幕大小拉寬元素，元素高度不變（大屏下，可能會導致元素比例變形，視覺效果不佳）；

C.根據屏幕大小，增加/減少每行顯示的內容多少（多數適合于頁面內容為網格布局的情況）；

D.使用bootstrap等框架，采用響應式布局（根據屏幕大小，改變大小的同時改變元素排版方式）。

綜上所述，企業建議使用全屏適配方式或1200PX即可，當然具體也要根據頁面內容以及內容在大小屏幕下的顯示情況，根據整個網站所使用的框架等進行選擇。

返回首頁了解更多網站建設觀點

遠策科技

河北遠策科技有限公司以工匠精神打造精致服務，不循規蹈矩，不驚世駭俗，為企業互聯網營銷整合方案，服務涵蓋：網站建設、網站推廣、品牌優化、微信開發、VI設計、視頻制作等。解決企業互聯網營銷難題，讓企業不再為推廣而煩惱。

遠見卓識

10年網站建設推廣經驗

18家優秀合作設計機構

117家品牌長期合作共贏

1000+網站建設案例作品

專注營銷型網站建設定制

深厚經驗網站建設團隊

完備的項目流程管理體系

企業一站式網絡推廣服務

策無遺算

一路走來，崇尚創意是我們的活力和根源，讓客戶滿意是我們工作的目標，不斷超越客戶的期望值源自我們對這個行業的熱愛！遠策科技結合十年互聯網品牌設計經驗和整合營銷的理念，將策略和執行緊密結合，有效提升企業推廣整體表現！

建站公司地址：石家莊市長安嘉和廣場1911、裕華區ICC環球智慧中心24F | 業務咨詢：131-1155-0088 , 159-3167-7513

河北遠策網絡公司為您提供石家莊網站建設制作,網站優化推廣,網站改版托管等 | 冀ICP備18035311號-1 | SITEMAP | 冀公網安備:13010202002454號

首頁

網站建設

營銷推廣

微信開發

資訊

案例

聯系

探知 ? 創造美好

查看其它板塊

網站建設分辨率定寬設計和全屏設計的區別

快捷標簽

多一份參考，總有益處

遠策科技

遠見卓識

策無遺算

相關鏈接展開

遠策 - 建站推廣一站式服務

131-1155-0088

關于

Yuan Ce

探知 ? 創造美好

查看其它板塊

網站建設分辨率定寬設計和全屏設計的區別

快捷標簽

多一份參考，總有益處

遠策科技

遠見卓識

策無遺算

相關鏈接 展開

遠策 - 建站推廣一站式服務

131-1155-0088

微信掃碼 立即咨詢

多一份參考，總有益處

相關鏈接展開

微信掃碼立即咨詢