Question

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

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

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

Answer 1

二十年前，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%

Answer 2

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

因此，1024x768是人们设计网站的标准最低分辨率。很有可能如果您设计更宽/更大的分辨率，使用这些设备的人可能无法在屏幕顶部看到它们（没有滚动），并且内容可能仍未被注意。

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

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

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

Answer 3

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

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

为什么网页布局的默认标准尺寸是1024x768？

3 个答案: