網(wǎng)頁設(shè)計的寬度到底應該定多少杨赤？我們用統(tǒng)計數(shù)據(jù)來說話茧痕。
百度統(tǒng)計流量研究院對于2017年上半年的分辨率使用情況統(tǒng)計得出野来。
排名第一的是360×640，這是豎屏踪旷，一般在醫(yī)院梁只、學校中才能見到，暫且不談埃脏。
排名第二的是1920×1080，占比13.07%秋忙。
1366×768排第三彩掐，占比6.32%。這說明現(xiàn)在主流的電腦分辨率是1920×1080灰追。
排名第七的分辨率堵幽，1024×768，是最小的電腦尺寸了弹澎，僅占3.13%朴下，很少有人使用。在做pc端的網(wǎng)頁設(shè)計時苦蒿，不用考慮這個尺寸殴胧，而應在做pad端和手機端的適配時，將其納入考慮。
比如团滥，我所在的公司現(xiàn)在做的適配是：當分辨率寬>1200px時竿屹，采用pc端的樣式；當分辨率寬<1200px時灸姊，采用移動端的樣式拱燃，即pad端和手機端的樣式一致。
而更高級的響應式網(wǎng)站應該是在嚴格的柵格規(guī)范下力惯，適應于不同寬度碗誉，確保各寬度下的展示效果。但這樣的成本也會相應增加父晶，在開發(fā)網(wǎng)站時哮缺，需綜合考慮實際需求和開發(fā)成本。time（《時代周刊》官網(wǎng)）是個很好的響應式網(wǎng)頁案例诱建。
除了統(tǒng)計數(shù)據(jù)以外蝴蜓，還需要將產(chǎn)品的目標用戶納入分析。技術(shù)型公司面對的用戶是高端技術(shù)人才俺猿，這類人物的顯示器分辨率不會太低茎匠；如果目標用戶是一二線城市的人，那么也優(yōu)先考慮主流分辨率押袍。
所以在做網(wǎng)頁設(shè)計時诵冒，最好將寬度規(guī)定為1200px，主要內(nèi)容都在1200px的范圍內(nèi)展示谊惭，既能確保主流分辨率的展示效果汽馋，又不會影響較低分辨率下的效果。
舉個栗子圈盔，以下兩圖分別為騰訊云在小屏（1280×1024）的顯示器和大屏（1920×1080）的顯示器下的展示效果豹芯。
那么，除了寬度問題驱敲，高度怎么定也是關(guān)鍵铁蹈，這涉及到每一屏展示的效果，是全屏鋪滿還是只占半屏众眨？這就涉及到了瀏覽器的高度握牧，而非顯示器的高度。
表中的安全高度即網(wǎng)頁在瀏覽器中每一屏的最大高度娩梨，所以如果想把內(nèi)容控制在一屏之內(nèi)沿腰，高度就不要超過最大高度。
在設(shè)計時狈定，掌握好這些規(guī)范颂龙，能大大提高工作效率、降低修改率，共勉厘托。
