网页常用的像素大小及其优缺点答案

【问题标题】：Commonly used pixel sizes for webpages and their pros/cons网页常用的像素大小及其优缺点
【发布时间】：2011-10-13 12:58:34
【问题描述】：

最常用的像素尺寸（主要是宽度）有哪些，有哪些优缺点？

我怎样才能最好地找到一种快乐的媒介，为各种显示器尺寸的人提供良好的体验？

非常感谢您提供解释而不仅仅是大小的答案。

【问题讨论】：

为什么投反对票？为什么票数接近？这是一个有效的问题，有很多关于这个主题的研究。
1920x1080 这样它是高清的：P
我认为这是一个完全有效的问题 - 无需关闭。
一些指针，以防反对者占上风：useit.com/alertbox/screen_resolution.html，总结：“针对 1024×768 优化网页，但使用可以很好地拉伸任何分辨率的液体布局，从 800×600 到 1280× 1024。”
可能只是以错误的方式询问，或者可能是类似问题的重复...我认为这个问题既有效又具有建设性。

标签： html css browser size pixel

【解决方案1】：

大多数网格使用 960 像素的宽度。（当设计具有固定宽度时）。当您查看全局统计数据时，1024 范围分辨率仍然是最常见的：http://gs.statcounter.com/#resolution-ww-monthly-201006-201106

不要使用 1000 宽度。（您必须计算浏览器和滚动条的边框宽度，在某些浏览器/操作系统中它们比在其他浏览器/操作系统中更大）

我认为没有最终解决方案，因此您应该检查相关网页上的统计信息（如果该页面已存在），以确定最合适的解决方案。如果您不能这样做，您可以在http://gs.statcounter.com/ 上查看您的目标市场的统计数据

或者更好地使用响应式网页设计：http://www.alistapart.com/articles/responsive-web-design/

由于 CSS 中的 max- 和 min-width 属性，当然，如果您有时间/预算，您可以定位任何您想要的分辨率。

【讨论】：

+++++++++++响应式网页设计。这应该是首要考虑因素（如果可能的话）。

【解决方案2】：

960px 宽度是一个很好的标准，正如其他人已经阐述的那样。

但是，应该记住，如今网站的浏览量远不止台式机，因此答案可能会根据网站的样式而有所不同。例如，对于移动样式表来说，960 像素的宽度会很差。

一个可以帮助您的资源是www.resizemybrowser.com。（Firebug 中内置了一个类似的工具。）

归根结底，我认为 960px 是一个很好的标准，但实际上，“这取决于”。 :)

【讨论】：

【解决方案3】：

我不会只考虑桌面显示器的分辨率。如今，您几乎可以在任何设备上浏览网站，而且人们也使用手机和平板电脑浏览网站相当普遍，因此您真的应该同时考虑它们。

这可能会导致针对不同设备的不同站点版本，或能够适应不同大小的站点布局。这是您在首先考虑您打算做的网站时必须考虑的事情，因为并非每个网站都适合这种类型的布局。

自适应布局的额外好处是，即使出现具有自定义（非标准）分辨率的新设备也会很好，您不必担心在这些新设备中检查它，因为它适合（如果布局正确）。

无论如何，对于桌面显示器，我的标准最小宽度仍然是 960 像素，而对于可调整的布局，我通常会为非常大的显示器选择一个最大宽度（考虑在 2500x1600 显示器上查看一个扩展到整个显示器宽度的网站...... .gosh) 大约 1200 像素，如果浏览器尺寸小于该值，则为 100% 的宽度，以使网站适合任何地方。

【讨论】：

【解决方案4】：

最常见的尺寸在 900-1000 像素之间，有一些很好的屏幕尺寸使用来源，大多数人倾向于为最大的群体设计。大多数情况下，它假设任何拥有 800 x 600 屏幕的人都不想做很多生意。即资金紧张（大泛化）

【讨论】：

【解决方案5】：

根据经验，对于网络，我会说宽度大于 850 且小于 1000 像素，最好是 900 像素，高度约为 750 像素，但请记住，在动态内容的情况下高度会有所不同.所以高度可以设置为 100% 或自动。最好通过css属性margin: 0 auto;将网站对齐在中心

【讨论】：

【解决方案6】：

960 是固定宽度网站的标准。这是为了确保 1024x768 分辨率可以轻松获取。至于身高 - 这并不重要。

【讨论】：

【解决方案7】：

一般来说，对于一个固定宽度的网站，这意味着在计算机屏幕上阅读，现在，我会说大约 1000 像素（因为不再有 800*600 的分辨率，而且至少你能找到 1024*768)。

你应该真正瞄准可扩展的设计（虽然通常更难做到）。

【讨论】：

我对大型内容提供商进行的一项研究表明，首选宽度约为 1000 像素。高度通常延伸到折叠以下。