标准网页的平均分辨率（即像素宽度）是多少？答案

【问题标题】：What is the average resolution i.e pixel width for a standard web page?标准网页的平均分辨率（即像素宽度）是多少？
【发布时间】：2011-04-26 18:32:57
【问题描述】：

我刚刚完成了网页的构建，并正在尝试确定最佳布局应该是什么样子。我试图在我的主要 div 的固定宽度（大约 1200 像素左右）和可变百分比宽度之间做出决定。我担心在低于 1600 x 900 的较低分辨率下，可变宽度看起来很糟糕。我假设这些天

夸子

回复：

感谢大家的宝贵意见。事实证明，我的问题源于将可变 div 与固定宽度元素混合使用。以较低的分辨率观看完全是一场灾难。您的 cmets 将我引向了正确的方向。谢谢你

【问题讨论】：

我通常拍摄 700-800 宽度...因为你永远不知道。
重复，我想。见stackoverflow.com/questions/456250/…。 FWIW，我在 1152x864 上运行一些机器，我们为仍然 1024x768 的信息亭型机器提供服务。
看看这个工具。它将帮助您像其他人一样“看到”您的网站。 browsersize.googlelabs.com

【解决方案1】：

最好在 CSS 上使用百分比大小。它适用于每个平台。

【讨论】：

【解决方案2】：

Google 有一个Browser Size 页面，其中显示了访问 Google 的人的浏览器窗口大小的统计信息。您可以在图表上覆盖任何网站，以查看在各种浏览器尺寸上可见的内容。

因此，虽然这是与整体屏幕分辨率不同的统计数据，但它表明许多人使用较小的浏览器窗口查看网络 - 例如。 30% 的窗口小于 1000 x 575 左右。

注意 - 统计数据显然是一年左右。

我第一次看到this answer对Pro WebMasters SE的一个问题提到的这个工具。

【讨论】：

【解决方案3】：

我假设网页的平均分辨率实际上只是显示器的平均分辨率。当我访问只使用我屏幕一小部分的网站时，我发现固定宽度的布局有点烦人，但我理解为什么有些人会这样做。在各种屏幕上正确使用它可能会很痛苦。

如果您想确保它在所有屏幕尺寸上看起来都不错，您可以使用different stylesheets for different resolutions。或者您可以像亚马逊这样的网站那样使用 javascript 更改布局。

【讨论】：