使您的网站布局适合低分辨率显示器有多重要？

Question

使网站布局适合640 x 480和800 x 600显示器有多重要？有一段时间我一直在设计假设至少 1024 x 768，但我没有做过专业（仅在我的网站上，这只是一个只有10-15位朋友阅读的博客） ）。有没有人有关于真实网络用户的屏幕分辨率分布的任何非轶事统计数据？

注1：“非轶事”是指请不要给出答案，例如“我知道很多人使用640x480”或“我的妈妈在800x600中运行所以它一定是真的共同。”我宁愿拥有实际数据（或实际数据的链接），特别是如果它是关于一般用户（而不是极客）的数据。

注意2：我并不关心像掌上电脑和手机那样极小的显示器（至少现在不是这样）。我只是谈论台式机/笔记本电脑显示器。

Answer 1

W3Schools跟踪各种浏览器统计信息，包括显示分辨率。您可以在此处找到显示分辨率：http://www.w3schools.com/browsers/browsers_display.asp

当然，您应该尽可能使用尽可能接近目标受众的统计信息。这些统计数据来自浏览W3School网站（主要是开发人员）的浏览器。其他目标受众可能会有不同的个人资料。

Answer 2

我认为这些天的一般假设是1024x768是可以接受的，这肯定是我采取的路线。一个很好的基准是查看像BBC这样的大型网站，他们最近改用1024x768设计。这并不是说每个网站都必须如此，对于较小的网站，我经常坚持使用800x600，因此内容看起来并不可怜：o）

以下是我经常用于网络统计的来源，其august 2008 stats显示800x600为7％。

Answer 3

您正在我的网络浏览器中运行。即使我使用的是1024x768，你对我的浏览器全屏是多么肯定？

Answer 4

我刚检查了我监控的所有域的Google Analytics数据。小于800x600的屏幕分辨率为零，800x600的屏幕分辨率为3-6％

也许您可以提前在域上设置Google Analytics并收集有关访问者的一些信息。

Answer 5

如果您可以使您的网站支持略低的分辨率，那可能是值得的。这样人们可以在非全屏窗口中运行您的网站，它仍然看起来不错，并且不会有丑陋的滚动条。

此外，Asus EEE等“上网本”越来越受欢迎，它们通常拥有小型（9-10英寸屏幕），分辨率非常适中（例如800x480或1024x600）。

Answer 6

就个人而言，我设计的网站是为了让我们在1024 x 768显示器上看到它们。我知道有些人会浏览他们的浏览器，以及那些拥有更大显示器并让它全屏运行的人。

我觉得1024 x 768目前是正确的妥协程度。同时，我尝试确保我的网站在可接受的较低分辨率下降级，以保持浏览器在窗口模式下运行的人也开心。如果推动而且我没有选择，我宁愿排除较低分辨率并保持我的视野完好无损，以免影响它。

使用现代浏览器，用户可以缩小，因此根据网站的内容，可降级性的问题可能没有实际意义 - 如果布局对于res来说太大，用户可以简单地缩小。 / p>

Answer 7

一个好的做法是在大约750像素的范围内设计网站的核心，以便仍然有800px监视器的5％-15％的观众可以在不滚动的情况下阅读它。然后，您可以将不太重要的信息（广告，非任务关键型功能）放在右侧的另一个250px列中，1024px或更高的访问者可以看到这些信息。

同样如jimharries99所示，屏幕（或浏览器或其他）的互联网范围统计数据可能与您的受众群体资料不符，因此您应该使用分析来处理特定受众。例如，我们构建的一些网站在某个政府机构内获得了大部分流量，这些机构标准化了IE6（禁止其他浏览器）并且拥有大量800x600显示器。另一方面，有线杂志的观众可能拥有比平均水平更大的屏幕和更现代的浏览器。

Answer 8

这是一个轶事答案，但需要注意的事情......

我们为内部使用的客户端设计了一个Web应用程序（实际上是瘦客户端Intranet应用程序）。我们被告知，设计1024x768是首选，因为几乎所有用户都拥有该分辨率或更高分辨率。事实上，我们被告知要忽略用户以较低分辨率运行的任何问题，因为他们的内部帮助台答案是“将您的分辨率设置为1024x768或更高，并在浏览器最大化的情况下运行”。

在部署应用程序之后，在需要过多水平滚动的页面上有帮助台票证，有些事情没有正确定位但报告的分辨率为1024x768。我们没有考虑的是使用浏览器边栏（历史记录，书签，RSS提要等）的用户。我们的开发人员都没有使用它们，所以它从未超越他们的想法。未正确定位的部件是我们的真正错误。水平滚动是因为我们将所有内容设置为自动调整大小，但在768处停止水平调整大小（实际上客户区宽度为1024x768）。

另外请不要忘记，用户可能会将文字大小设置更改为奇怪的设置。实际上，当用户视力受损时并不奇怪，但重要的是要记住测试并适应它。 Firefox 3在按比例调整文本和图像方面做得很好，但运行其他浏览器和旧版浏览器的用户控制较少。

Answer 9

这是一个interesting blog post，它根据今年2月份针对特定网络网站的600万次点击提供了具体的统计数据。

前两名： 47％ 1024x768， 30％ 1280x1024

Answer 10

根据Jakob Nielsen's Alertbox，截至2006年7月，60％的监视器设置为1024x768，因此根据他的建议优化您的网站以获得该分辨率。

为较低分辨率设置网站样式有多重要？我想这个问题的答案取决于你的网站800x600（及以下）的看法...如果它不可读，那么这是一个问题，即该网站的受众群体的重要性。如果您需要每个观众，无论他们的分辨率如何，那么您应该开发能够为偶尔的640x480人产生可容忍体验的风格。如果没有，您可以尝试按原样设置样式，并且只有在有商业案例的情况下才能处理备用样式。

Answer 11

虽然我同意1024x768通常是一个很好的最低桌面分辨率，但我似乎花费了越来越多的时间在网站上通过更小的面板 - 特别是Windows Mobile设备，iPhone，以及偶尔在800 x的eeepc。 480.

虽然eeepc可能不常见（毫无疑问将在机器类上被1024x768取代）移动设备的访问只会增加并且这将是明智的 - 特别是如果你运行的那种网站，人们会想远离桌面连接，以了解您的网站在手持设备上的工作方式。

Answer 12

阀门通过蒸汽收集数据连接到它们的机器的功能，你可以在这里看到结果：

http://steampowered.com/status/survey.html

请记住这些是游戏玩家的系统，所以往往比街上的普通电脑更强大，因为你可以看到1024 * 768以下的系统并不多

Answer 13

将Google Analytics添加到您的网站，免费，数据只会与您的受众相关

Answer 14

我认为真正的答案是设计您的网站，使其以较低的分辨率优雅地降级。在主要内容列的右侧和左侧有条形图，这些条形图不会调整大小并导致网站的主要内容被挤压，这不是一个好主意。

就像有人指出的那样，仅仅因为一个人在1280x1024运行并不意味着他们的网络浏览器将被最大化 - 有些人坚持在非最大化的窗口中运行所有内容（我认为Mac曾经强制执行此操作） ）。这就是说拥有十个工具栏并且只能以800x600运行的人，因为操作系统不会再让他们进入640x480（然后他们想知道为什么一切在液晶屏幕上显得“模糊”，为什么他们的眼睛是去屎）

当然，以这种方式设计您的网站并不总是您所拥有的奢侈品 - 有时候客户希望它与Photoshop设计的巨大显示器完美匹配。尽你所能，尽量做好准备，以便稍后有一个“这就是你所说的你想要的”（假设你不能事先成功地向他们解释）

Answer 15

我是否可以建议您使用适合浏览器窗口的自动调整大小布局，不管多么广泛？虽然您可能将其设计为在1024x768下看起来最佳，但是分辨率较低的人（例如由于视力不佳或廉价的计算机）根本无法使用更高的分辨率，并且不必向左和向右滚动以进行读取每一行文字。

Answer 16

我的屏幕尺寸为1920 X 1200，因此我可以同时打开多个窗口并查看所有窗口。如果一个网站贪婪地试图将所有空间用于自己，我将停止前往该网站。

Answer 17

设计700-800像素宽的网站有两个原因。

1. 当列不太宽时，文本更容易阅读。如果您使用400-500像素宽的文本，则可以使用250-400像素的侧柱，适用于各种尺寸的屏幕。

2. 您的网页打印效果更好。我运行一个网站，其中包含许多用户可能打印的信息，并且在打印css中禁用侧边栏，这些页面非常适合放在一张纸上。

Answer 18

看，监视器越来越大，人们越来越想要了。人们喜欢更大的显示器。唯一拥有小型显示器的人将是共享的计算机中心或一些老年人。

@All，我们需要作为开发人员加入，并且只需要在1024x768上构建应用程序。如果我们都加入，我们将把它作为标准。

不要问你的显示器可以为你做什么，问你可以对显示器做些什么！