{dede:field.typename/}資訊

探知 • 創造美(měi)好

不斷超越客戶的(de)期望值，源自我們對(duì)這(zhè)個(gè)行業的(de)熱(rè)愛(ài)

主頁 > 新聞資訊>網站建設觀點>

查看其它闆塊

網站建設分(fēn)辨率定寬設計和(hé)全屏設計的(de)區(qū)别

來(lái)源：網站建設觀點 - 遠(yuǎn)策科技 | 2019-03-18

網站分(fēn)辨率目前有兩種方式，采用(yòng)定寬（固定尺寸）或者全屏（根據窗(chuāng)口大(dà)小自适應）。筆記本常見的(de)屏幕分(fēn)辨率爲1366*768；台式機常見分(fēn)辨率有1440*900、1920*1080。市場(chǎng)上可(kě)能遇到的(de)低分(fēn)辨率爲1280*768，比如投影(yǐng)儀或者其他(tā)設備（其他(tā)更小的(de)屏幕可(kě)暫不考慮）。

網站建設
 
爲了(le)保證在小屏下(xià)，内容可(kě)查看完整，因此目前常用(yòng)的(de)定寬頁面尺寸是1200px，實際可(kě)能會根據所展示的(de)内容，頁面導航，頁面其他(tā)元素，頁面所要适配的(de)終端等，進行調整。比如，簡書(shū)首頁的(de)寬度爲960px；京東訂單詳情爲1210px。
 
定寬頁面常用(yòng)于：詳情，圖片，字段并不多(duō)的(de)列表，内容流等。
 
定寬頁面雖然可(kě)以免去屏幕适配的(de)煩惱，但是對(duì)于有些内容，可(kě)能會感覺在大(dà)屏下(xià)顯得(de)過于小氣，體驗并不好，比如圖片。而站酷在這(zhè)一點上，處理(lǐ)的(de)比較好，可(kě)以借鑒。當屏幕寬度大(dà)于1600時(shí)，采用(yòng)1400的(de)定寬；當屏幕小于1600，使用(yòng)1150的(de)寬，同時(shí)圖片大(dà)小也(yě)會發生改變。（注：淘寶和(hé)京東的(de)商品列表頁也(yě)采用(yòng)了(le)類似的(de)處理(lǐ)方式）
 
全屏頁面指，除了(le)頁面左右兩側的(de)邊界，頁面中的(de)内容會随著(zhe)屏幕大(dà)小而撐滿。但是爲了(le)保證頁面内容正常顯示，一般會設定小的(de)适配寬度，頁面低于該寬度不再設配，頁面出現橫向滾動條。
 
全屏頁面常用(yòng)于：網站宣傳頁、采用(yòng)左側導航的(de)管理(lǐ)類網站、字段很多(duō)的(de)列表頁、需要全屏查看的(de)看闆頁、使用(yòng)瀑布流的(de)頁面，或者頁面中有用(yòng)戶需要可(kě)視區(qū)域更大(dà)才可(kě)方便操作的(de)元素，比如地圖軌迹等。
 
對(duì)于全屏頁面，需要考慮，當屏幕變大(dà)或者變小時(shí)如果适配。一般常用(yòng)的(de)适配方式有：

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

B.根據屏幕大(dà)小拉寬元素，元素高(gāo)度不變（大(dà)屏下(xià)，可(kě)能會導緻元素比例變形，視覺效果不佳）；

C.根據屏幕大(dà)小，增加/減少每行顯示的(de)内容多(duō)少（多(duō)數适合于頁面内容爲網格布局的(de)情況）；

D.使用(yòng)bootstrap等框架，采用(yòng)響應式布局（根據屏幕大(dà)小，改變大(dà)小的(de)同時(shí)改變元素排版方式）。

綜上所述，企業建議(yì)使用(yòng)全屏适配方式或1200PX即可(kě)，當然具體也(yě)要根據頁面内容以及内容在大(dà)小屏幕下(xià)的(de)顯示情況，根據整個(gè)網站所使用(yòng)的(de)框架等進行選擇。
返回首頁 了(le)解更多(duō)網站建設觀點

—— 微信添加好友交流 ——

快(kuài)捷标簽

上一條———————

曲陽雕塑行業網站建設制作的(de)心得(de)體會

下(xià)一條———————

企業網站搬家更換服務器的(de)正确步驟

多(duō)一份參考，總有益處

131-1155-0088 / 159-3167-7513
在線咨詢 電話(huà)咨詢

遠(yuǎn)策科技

+

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

遠(yuǎn)見卓識

10年網站建設推廣經驗

18家優秀合作設計機構

117家品牌長(cháng)期合作共赢

1000+網站建設案例作品

專注營銷型網站建設定制

深厚經驗網站建設團隊

完備的(de)項目流程管理(lǐ)體系

企業一站式網絡推廣服務

策無遺算(suàn)

+

一路走來(lái)，崇尚創意是我們的(de)活力和(hé)根源，讓客戶滿意是我們工作的(de)目标， 不斷超越客戶的(de)期望值源自我們對(duì)這(zhè)個(gè)行業的(de)熱(rè)愛(ài)！遠(yuǎn)策科技結合十年互聯網品牌設計經驗和(hé)整合營銷的(de)理(lǐ)念，将策略和(hé)執行緊密結合，有效提升企業推廣整體表現！

相關鏈接 展開
北(běi)京 天津 上海 重慶 黑(hēi)龍江 吉林(lín) 遼甯 河(hé)北(běi) 河(hé)南(nán) 山東 江蘇 山西 陝西 甘肅 四川 青海 湖南(nán) 湖北(běi) 江西 安徽 浙江 福建 廣東 廣西 貴州 雲南(nán) 海南(nán) 内蒙古 新疆 甯夏 西藏 香港 澳門 台灣

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

河(hé)北(běi)遠(yuǎn)策網絡公司爲您提供石家莊網站建設制作,網站優化(huà)推廣,網站改版托管等 | | |

電話(huà)咨詢 131-1155-0088 微信咨詢 微信開發 關于我們

遠(yuǎn)策 - 建站推廣一站式服務

您可(kě) 微信掃碼 或 撥打電話(huà) 咨詢
在線咨詢 稍後再說

131-1155-0088

微信掃碼 立即咨詢

遠(yuǎn)策科技 ✖