960px 基本上是目前比较主流的页面宽度(包括知乎)——它可以让1024x768分辨率在最大化浏览器窗口的时候尽可能地使用宽度而不出现横向滚动条。而且在桌面分辨率逐步从1024x768过渡至更高分辨率的时候 iPad2 的正好接了上来——虽然不能获得最佳交互体验但是 960px 页面刚刚好可以获得在平板电脑上的的视觉兼容,符合gird 的各种黄金分割

当然 960px 对于三栏式及以上布局支持不好,因此许多重内容网站开始使用大于1000px的宽度。比如淘宝(1000px),京东(1210px),花瓣(1407px)等……

PS:960px 刚好是 Full HD 尺寸宽度的一半,因此如果使用 1920x1200 或 1920x1080 的用户会习惯性使用 Win+← 和 Win+→ 快捷键同时把2个页面固定在桌面上(虽然会遮蔽一点点内容)。阅读体验非常有趣。

 

 

看这个960 Grid System     http://960.gs/demo.html

posted on 2015-04-24 10:01  August-8  阅读(628)  评论(0编辑  收藏  举报