默认网页宽度-1024像素还是980像素？

Question

在开发Web应用程序时，过去的选择是使页面宽度适应用户显示器的800px或1024px。我一直在研究响应式Web设计和流式设计，看起来许多人都将页面宽度定义为980px。考虑到智能手机和平板电脑以及其他可能的视口因素，这是否成为了新的事实标准？

谢谢。

- Brian Mains

---

我使用宽度为1024像素的竖屏显示器，最近发现很多流行网站如Facebook和Stack Overflow都出现了滚动条。为什么人们放弃了这样的低分辨率？ - B T

Answer 1

我在设计中主要使用978像素宽度。 978像素的优点： 可以被2、3整除。

- sudip

---

聪明，我想不到那个。 - bennett_an

我使用980，因为在考虑列的常见填充时，它也可以被2和3整除。 - Brad

@Brad 980不能被3整除。 - Evgeni Nabokov

@sudip 我想请教一些关于响应式网页设计的想法。我不能在这个网站上提出这些问题。如果你能抽出一些时间给我，那对我来说会非常有利。我的邮箱是[e-mail]。请发邮件给我。 - userBI

由于360可以被2、3、4、5、6、8、9、10、12、15、18、20、24、30、40、60、90、120和180整除，因此360的任何比率（如1080）都是一个不错的选择。甚至更大的360比率可以分解成更多的数字。如果1080比您的选择更大，我认为最好使用960。但是978不能被4、5、8或其他一些尺寸整除。 - Ahmad Behzadi

Answer 2

980并非“事实标准”，一般人们会将目标尺寸定为略小于1024像素以适应浏览器chrome（如滚动条等）。

通常情况下，人们的目标宽度在960至990像素之间。大多数人使用网格系统（例如960.gs），该系统对默认宽度有明确的看法。

还要注意的是，最常见的屏幕尺寸现在平均比1024像素宽得多，达到1366像素宽。请参阅http://techcrunch.com/2012/04/11/move-over-1024x768-the-most-popular-screen-resolution-on-the-web-is-now-1366x768/。

- mw1

---

Twitter Bootstrap 也支持 980 像素。 - Brian Mains

Answer 3

如果不是这样，我可以看到事情朝着那个方向发展。

我正在重新设计公司网站，他们雇用的设计师使用了960像素宽度布局。还有一个960像素网格系统似乎越来越受欢迎（http://960.gs/）。

我已经有几年没有接触过Web开发方面的东西，但根据我所了解的最新资讯，960/980左右是比较合适的尺寸。对于移动端， ~320px是我印象中的标准，而960可以被整除。960还可以被2、3、4、5和6整除。

- paul

Answer 4

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

目前我使用 Twitter Bootstrap 3，它使用流体网格系统，可以在移动/非常小的屏幕上工作，也可以在现在可用的巨大宽屏显示器上工作。

目前 BS3 的默认上限是 1200 像素，考虑到网格元素的边距和填充后，容器宽度为 1144 像素。

根据我的经验，现代设计师的桌面宽度约为 1366 像素。我收到的所有最近的设计都是 1366 像素。

还要注意，您可以对 BS3 网格进行相当大的自定义。例如，我们将在未来的站点/设计中使用具有 4px 间距的 32 列网格。

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

- Hades

Answer 5

即使对于这个问题没有对错答案，但我个人更喜欢960像素宽度。因为所有现代监视器至少支持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/

- Thair