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

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

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

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

来源

2012-05-30 CompilingCyborg

问：即使你更喜欢显示器的足球场（并且我个人也不会）......那么你为什么要用一个愚蠢的单一网页来浪费所有的房地产？你不只是让你的浏览器在你的桌面上的一个（几个）窗口？ – paulsm4

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

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

检查这个维基百科链接，更详细的统计 http://en.wikipedia.org/wiki/Display_resolution

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

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

来源

2012-05-30 06:29:11 chirag

这确实是很好的理由。（+1） – CompilingCyborg

我增加了几个关于多个版本的观点。可能是一个有用的阅读。 – chirag

你在那里找到了很好的理由。谢谢“Chirag”！ [Accepted] – CompilingCyborg

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

来源

2012-05-30 06:20:22 paulsm4

是啊......开发高分辨率的大屏幕网页会更合乎逻辑，然后针对移动设备和更小的显示器另有独立的版本？我的意思是他们可以运行测试功能来检查屏幕的大小，并相应地加载适当的网站大小？我没有发现将它固定为1024x768像素的逻辑。特别是在谈到能够承担为其网站开发不同规模的大公司时。 – CompilingCyborg

+1链接和表格。你是对的。 – CompilingCyborg

ANS：好的，考虑到上面的问题（在评论部分中），您需要在同时做其他事情时打开网站的情况是什么？我的意思是，网站可以开发用于“足球”场显示，但用户可以根据需要选择缩小。当你看到文字和元素的大小很小但是你不能放大时，这种情况是不是真的，因为这可能会扰乱内部图片的分辨率。 – CompilingCyborg

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

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

来源

2012-05-30 06:44:27 ThisIsNotAnId

的确......感谢您的进一步阐述。 [+1] – CompilingCyborg

我很高兴我可以帮忙:) – ThisIsNotAnId

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

回答

相关问题