user-interface - 网页的最大内容区域宽度是多少？

Question

网页主要内容区域的宽度是否有标准最大值？我想在不影响可用性的情况下最大化屏幕空间。我见过很多网站坚持 980 像素或更少。有人有什么建议吗？

score 4 · Accepted Answer

定位 800x600 或 1024x768 分辨率。

对于 800x600，它约为 750 像素。

对于 1024x768，它将是 970 像素。

score 3 · Accepted Answer

我假设您指的是包装器宽度，因为您提到了 980。

最理想的解决方案是根本不考虑像素，而是依赖 ems/%s 和缩放，尽可能流畅，以便您的设计适合小型移动设备，并且您的元素高度不是固定的而是自动的。例如：http ://www.456bereastreet.com/

但是，如果您遇到仍然认为像素的网页设计师，并且您确定您将无法让他们尝试制作液体/流体图像，我会说拍摄宽度为 960 像素，以便您有足够的观看IE6/XP 中带有滚动条的 1024x768 区域，但这实际上取决于您的观众和大多数观众的屏幕分辨率。

score 3 · Accepted Answer

研究，例如这里引用的研究表明，人们在阅读长行文本时更加困难。这就是我将内容宽度限制为 800 像素左右的原因。

score 1 · Accepted Answer

1

你必须先问这个问题。谁是我的观众？

于 2009-09-29T14:57:06.803 回答

score 1 · Accepted Answer

没有“标准”，尤其是在这个掌上电脑/智能手机/上网本/智能本/信息亭/等等的时代……虽然听起来很陈词滥调，但最好的办法是设计一个不依赖于确切屏幕尺寸的流畅布局。

当然，答案可能会根据您的预期/预期用户群而改变（例如，假设 1024 像素的屏幕宽度让您有 980 像素的工作像素 - 并有意识地决定您对支持任何具有较小屏幕分辨率的人不感兴趣）。

另一种解决方案是通过使用户控制portlet 的布局（ala My Yahoo）使其成为类似门户的方式来允许大小布局定制。

score 1 · Accepted Answer

960 是一个相当普遍的标准，该数字背后的基本原理是，安装在 1024 像素宽的屏幕上将使绝大多数用户无需滚动即可看到内容。请参阅此处，了解 100 个网站之一，这些网站可以访问浏览器和用户系统功能统计数据以获得一些初步灵感。

但最终，您需要了解客户群的结构——如果您的网站以 iPhone 为目标，则以 1024 像素宽的屏幕为目标可能不是您最明智的决定。

score 0 · Accepted Answer

不确定绝对像素值，但我要确保的一件事是文本列不会太宽。有许多字符超出了阅读理解的范围。

score 0 · Accepted Answer

1000 像素宽，是我现在使用的最小 1024x768 分辨率，在浏览器底部没有水平滚动条的情况下......

8 回答 8