在建站網(wǎng)站時(shí)，你需要先對(duì)網(wǎng)頁(yè)設(shè)計(jì)尺寸有所了解。不同瀏覽器、不同終端設(shè)備得流行尺寸也不一樣，就pc端網(wǎng)頁(yè)設(shè)計(jì)尺寸而言，目前比較常見(jiàn)得分辨率是1920*1080，1366*768。

根據(jù)百度流量研究院得數(shù)據(jù)顯示，2019年10月份華夏網(wǎng)民訪問(wèn)PC網(wǎng)頁(yè)得主流設(shè)備分辨率為1920*1080，百分比為42.94%。也就是說(shuō)，大部分得屏幕分辨率都已經(jīng)超過(guò)了1366*768，在適配網(wǎng)頁(yè)時(shí)則不需要對(duì)1366寬度以下得尺寸做特殊處理。所以你在設(shè)計(jì)時(shí)采用1920px標(biāo)準(zhǔn)比較好。

手機(jī)端網(wǎng)頁(yè)設(shè)計(jì)尺寸則比較多樣，尺寸繁多，包括IOS和安卓。通常情況下，內(nèi)容區(qū)為750px或960px或者1080px得，一般不小于750px像素大?。▽挾龋?。

關(guān)于蘋果，你可以參考這個(gè)移動(dòng)端網(wǎng)頁(yè)設(shè)計(jì)尺寸標(biāo)準(zhǔn)：

蘋果自己

關(guān)于安卓，你可以參考這個(gè)表格：

博客園

如果需要兼容不同瀏覽器、不同終端設(shè)備得顯示尺寸，現(xiàn)在比較流行得做法是做成響應(yīng)式網(wǎng)站，即根據(jù)不同分辨率顯示不同得尺寸，不管你是在使用手機(jī)、iPad，還是電腦，頁(yè)面都能自動(dòng)切換分辨率、支持尺寸及相關(guān)腳本功能等，兼容多個(gè)終端。

由于現(xiàn)在用戶們?cè)L問(wèn)網(wǎng)頁(yè)得設(shè)備五花八門，因此響應(yīng)式網(wǎng)站已經(jīng)是大趨勢(shì)。不過(guò)如果你自己開(kāi)發(fā)，比較困難，還不一定能做好；目前比較流行得方式是直接使用響應(yīng)式自助建站系統(tǒng)，直接選個(gè)模板再稍加感謝，就能快速生成一個(gè)響應(yīng)式網(wǎng)站，自適應(yīng)各終端平臺(tái)，比較簡(jiǎn)單。

具體制作方法如下：在「上線了」選擇“創(chuàng)建網(wǎng)站”，再選擇一個(gè)你喜歡得模板：

本展示頁(yè)所提供得模板及元素僅供展示功能效果，未經(jīng)授權(quán)不得應(yīng)用于其他用途

模板進(jìn)入感謝頁(yè)面，在這里你可以【添加新版塊】，添加你需要得功能，包括商店、博客、定價(jià)表、自定義應(yīng)用、產(chǎn)品展示、標(biāo)題、相冊(cè)、留言表單……熱門版塊排列位置靠前，你可以參考下大家常用得版塊，選取自己需要得。

網(wǎng)站得文字、支持都可以修改替換，版塊有多種布局，不管什么布局，都是可以適應(yīng)不同終端，你可以自由搭配。

在左上角【設(shè)置】里，你可以設(shè)置網(wǎng)站域名、網(wǎng)站標(biāo)題、描述、關(guān)鍵詞等。做好并預(yù)覽無(wú)誤后左下角“上線”即可。

以上就是web網(wǎng)頁(yè)設(shè)計(jì)尺寸規(guī)范得相關(guān)知識(shí)了，其實(shí)非常簡(jiǎn)單，希望這個(gè)科普對(duì)你有用~