默认网页宽度 - 1024px或980px?

时间:2012-05-10 16:39:59

标签: css responsive-design

在开发Web应用程序时,过去选择800px1024px以适合用户的监视器。我一直在研究响应式网页设计和流体设计,似乎很多都定义了980px宽度。增加智能手机和平板电脑,并考虑其他可能的视口

{{1>} 新的事实标准

感谢。

5 个答案:

答案 0 :(得分:27)

我的设计大多使用978px的宽度。 进阶978px:       可以除以2,3。

答案 1 :(得分:12)

980不是“事实上的标准”,你通常会看到大多数人的目标是一个小于1024px宽的尺寸,以考虑浏览器镶边,如滚动条等。

通常人们的目标是960到990px​​之间。通常人们会使用一个网格系统(如960.gs),该网格系统对于默认宽度应该是什么意见。

另外请注意,就在最近,最常见的屏幕尺寸现在平均比1024px宽大一点,排在1366px宽。见http://techcrunch.com/2012/04/11/move-over-1024x768-the-most-popular-screen-resolution-on-the-web-is-now-1366x768/

答案 2 :(得分:7)

如果不是,我可以看到这样的事情。

我正在为我工​​作的公司重做网​​站,他们雇用的设计师使用了960px的宽度布局。还有一个960px网格系统似乎越来越受欢迎(http://960.gs/)。

我已经离开了网络的东西已经有几年了但是从我读过的东西看起来似乎960/980是正确的。对于移动~320px棒在我的脑海中,960可以被整除。 960也可被2,3,4,5和6整除。

答案 3 :(得分:4)

这是一个开放性的问题,因为屏幕尺寸一直在变化,而两年前可能正确的事情现在可能已经过时了。

我目前使用的是Twitter Bootstrap 3,它采用流体网格系统,设计尺寸范围从移动/非常小到现在可用的巨大宽屏显示器。

目前,BS3的上限默认值为1200px,在考虑了网格元素的边距和填充后,转换为容器宽度为1144px。

根据我的经验,现代设计师的桌面宽度约为1366px。我最近实施的所有设计都是1366px。

另请注意,您可以非常自定义BS3网格。例如,我们将在我们的站点/设计中使用带有4px装订线的32列网格。

最终,页面宽度的决定需要根据您的网站分析和访问者通常使用的屏幕尺寸进行。

答案 4 :(得分:2)

即使这个问题没有正确或错误的答案,但我个人更喜欢960px的宽度。 因为所有现代显示器都支持至少1024×768像素分辨率。 960可被2,3,4,5,6,8,10,12,15,16,20,24,30,32,40,48,60,64,80,96,120,160,192整除, 240,320和480.这使它成为一个高度灵活的基数。

请参阅此文章,其中显示了美国和英国最受欢迎的2013-2014屏幕分辨率: http://www.hobo-web.co.uk/best-screen-size/