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

Question

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

是980px在新的事实上的标准？

谢谢.

Answer 1

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

Answer 2

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/

Answer 3

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

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

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

Answer 4

这是一个开放式问题，因为屏幕尺寸一直在变化，两年前可能正确的内容现在可能已经过时了。

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

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

根据我的经验，现代设计师正在为桌面设计大约 1366 像素的宽度。我最近要实现的所有设计都是 1366px。

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

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