pc端頁面設計圖到底選擇多大比較合適？
文字大小設置成什么樣比較合適？
搞前端的都會遇到這些問題。
直接說說我在項目中的實現。
如果做全屏頁面，我的設計圖尺寸是1920*960px（960是chrome瀏覽器可視區域的尺寸），然后頁面中所有關於尺寸相關的樣式，全部用jq進行控制。
原理如下：
1.獲取當前瀏覽器的可視區域寬度w，計算比例系數I=w/1920；
2.在分辨率1920*1080的顯示器下將頁面繪制完畢，然后將所有關於尺寸的數據乘以系數I。
效果：這樣的頁面就如同看一張圖片一樣，不論顯示器多寬，模塊間始終保持不變。
參考網站：http://bsk.highset.cn/ （可以將瀏覽器縮小后刷新頁面查看）
如果不做全屏，或者嚴格講主要區域不做全屏設置，可以固定中寬，比如bootstrap的container的固定寬度1170px（大於1200px一致設置為1170px）。