設計網頁,常見的寬度是多少像素?或者說應該選擇多大的分辨率才更美觀,更能提升網站的用戶駐足時間!

960px 基本上是目前比較主流的頁面寬度(包括知乎)——它能夠讓1024x768分辨率在最大化瀏覽器窗口的時候儘量地使用寬度而不出現橫向滾動條。並且在桌面分辨率逐步從1024x768過渡至更高分辨率的時候 iPad2 的正好接了上來——雖然不能得到最佳交互體驗可是 960px 頁面剛恰好能夠得到在平板電腦上的的視覺兼容,符合gird 的各類黃金分割

固然 960px 對於三欄式及以上佈局支持很差,所以許多重內容網站開始使用大於1000px的寬度。好比淘寶(1000px),京東(1210px),花瓣(1407px)等……

PS:960px 恰好是 Full HD 尺寸寬度的一半,所以若是使用 1920x1200 或 1920x1080 的用戶會習慣性使用 Win+← 和 Win+→ 快捷鍵同時把2個頁面固定在桌面上(雖然會遮蔽一點點內容)。閱讀體驗很是有趣。html

 

 

看這個960 Grid System     http://960.gs/demo.html瀏覽器

相關文章
相關標籤/搜索