web網頁設計尺寸規範
時間:2021-02-25 作者:管理員(yuán) 點擊:531
當你建網站的時候,首先要知(zhī)道網站的設計尺寸。在不同浏覽器、不同終端設備上的流行尺寸也不相同,在 pc端的網頁設計尺寸上,目前最常用的分(fēn)辨率爲1920*1080,1366*768。
根據百度流量研究院的數據顯示,2020年10月份我(wǒ)(wǒ)國網民訪問PC網頁的主流設備分(fēn)辨率爲1920*1080,百分(fēn)比爲42.94%。也就是說,大(dà)部分(fēn)的屏幕分(fēn)辨率都已經超過了1366*768,在适配網頁時則不需要對1366寬度以下(xià)的尺寸做特殊處理。所以你在設計時采用1920px标準比較好。
手機端網頁設計尺寸則比較多樣,尺寸繁多,包括IOS和安卓。通常情況下(xià),内容區爲750px或960px或者1080px的,一(yī)般不小(xiǎo)于750px像素大(dà)小(xiǎo)(寬度)。
如果需要兼容不同浏覽器、不同終端設備的顯示尺寸,現在比較流行的做法是做成響應式網站,即根據不同分(fēn)辨率顯示不同的尺寸,不管你是在使用手機、iPad,還是電(diàn)腦,頁面都能自動切換分(fēn)辨率、圖片尺寸及相關腳本功能等,兼容多個終端。
由于現在用戶們訪問網頁的設備五花八門,因此響應式網站已經是大(dà)趨勢。不過如果你自己開(kāi)發,比較困難,還不一(yī)定能做好;目前比較流行的方式是直接交給專業的網絡公司做成響應式網站,自适應各終端平台,比較簡單。