为什么网页布局的默认标准尺寸是 1024x768？ [关闭]答案

【问题标题】：Why the default standard size for the layout of webpages is 1024x768? [closed]为什么网页布局的默认标准尺寸是 1024x768？ [关闭]
【发布时间】：2012-05-30 06:12:38
【问题描述】：

我一直在访问网站并开发了一些网站，但直到现在我都不知道为什么这些网页布局的默认大小是 1024x768。换句话说，为什么他们忽略了屏幕的其他部分？他们为什么不根据高分辨率（例如 1920x2120）开发页面？

我访问了从 Yahoo.com 到 Pepsi.com 的大多数网站，所有网站都将左右边距占据了屏幕的一半，以适应 1024x768 的舞台上的元素。

是因为他们需要在移动设备上打开这些网站吗？还是有更深层的技术原因？

【问题讨论】：

问：即使你更喜欢显示器的足球场（我个人不喜欢）......那你为什么要用一个愚蠢的网页浪费所有的空间?你不会让你的浏览器成为桌面上的一个（几个）窗口吗？

标签： layout web size resolution

【解决方案1】：

主要原因是人们希望越来越多的人访问他们的网站。大约 10 年前，1024x768 是最常见的显示分辨率。此后，虽然出现了新的和更高分辨率的显示器，但低端设备的垂直分辨率 (768) 并没有显着提升。即使是现在（2012 年初），几乎 50% 的显示器使用最大 800p 作为垂直分辨率。

因此，1024x768 是人们设计网站时的标准最低分辨率。如果您为更宽/更大的分辨率进行设计，那么使用这些设备的人很可能在屏幕顶部看不到它们（不滚动），并且内容可能不会被注意到。

查看此维基百科链接以获取更详细的统计信息 http://en.wikipedia.org/wiki/Display_resolution

要回答另一个问题，为什么不拥有多个版本？主要有两个原因：

许多网站实际上是动态可扩展的。例如，检查 facebook 或 google 图片。根据您的屏幕分辨率，他们使用额外的区域来容纳额外的内容。此策略通常适合具有可动态适应的内容块的网站。
有研究表明，为了实现最佳和快速阅读，大约 6-7 个字或 500 像素（不是确切的数字）是最佳宽度。除此之外的任何事情都会导致水平跨度过大并降低阅读速度。这会影响更多关于文本的网站的分辨率，例如博客和新闻网站。

【讨论】：

这些确实是很好的理由。 (+1)
我添加了一些关于拥有多个版本的要点。可能是有用的阅读。
你在上面找到了很好的理由。感谢“奇拉格”！ [接受]

【解决方案2】：

20 年前，GUI 应用程序的通用“标准”是 640x480。

就我个人而言，我很少运行超过 1280x1024 的显示器。目前，我正在使用两个显示器。

确实必须有一些“最小公分母”。而且，没有特别好的（或坏的）原因，目前它恰好是 1024x768。

恕我直言...PSM

PS：

这是一张好桌子。它已有 5 年以上的历史......但可能仍然非常准确。尤其是考虑到智能手机显示屏在过去五年中日益重要：

http://magiclamp.net/?PageID=102

Date Range                    April 2005     June/July 2005    Oct-Dec 2005   Jan-Mar 2006
Sample Set (Unique Visitors)  500K           1.5MM             1.8MM          1.9MM
# of Site for Sample          2              3                 3              3
800 x 600                     21%            16%               14%            12%
1024x768                      65%            67%               68%            69%
1280 x 1024                   10%            15%               16%            18%
1600 x 1200                                                    1.5%           1.5%

【讨论】：

是的...为大显示器开发高分辨率网页然后为移动设备和小显示器开发另一个单独的版本是否更合乎逻辑？我的意思是他们可以运行测试功能来检查屏幕的大小并相应地加载适当大小的网站吗？我根本找不到将其固定为 1024x768px 的逻辑。尤其是在谈论有能力为其网站开发不同规模的大公司时。
+1 用于链接和表格。你是对的。
答：好吧，考虑到您上面的问题（在 cmets 部分），在哪些情况下您需要在打开网站的同时做其他事情？我的意思是，可以为“足球”字段显示开发网站，但如果需要，用户可以选择缩小。当您看到文本和元素的大小非常小但无法放大时，情况是否不正确，因为这可能会弄乱内部图片的分辨率。

【解决方案3】：

这只是一个好的设计选择问题。 1024 x 768 seems 仍然是一个足够流行的分辨率；因此，网页设计师为了确保最大的覆盖范围，将他们的网站设计为可供使用 1024 x 768 及以上分辨率的人（按预期）查看。。简而言之，这样做主要是为了确保向后兼容性，并且正如 chirag 指出的那样，确保与移动设备的更大兼容性。

您应该仔细研究上面链接页面上的信息。所显示的趋势极大地暗示了当前的设计礼仪，这种礼仪多年来是如何演变的，以及为什么。它还将让您了解经验丰富的网页设计师的思维方式。毕竟，您不希望您的网站被不希望的滚动条从右边伸出来抓住;-)

【讨论】：

确实...感谢您的进一步阐述。 [+1]
很高兴能帮上忙 :)