设计网页,常见的宽度是多少像素?或者说应该选择多大的分辨率才更美观,更能提高网站的用户驻足时间!...

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

转载于:https://www.cnblogs.com/august-8/p/4452607.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值