Layout 为什么网页布局的默认标准大小是1024x768?

Layout 为什么网页布局的默认标准大小是1024x768?,layout,web,size,resolution,Layout,Web,Size,Resolution,我一直在访问网站并开发一些,直到现在我不知道为什么这些网页的默认布局大小是1024x768。换句话说,为什么他们忽略了屏幕的其他部分?为什么他们不按照1920x2120这样的高分辨率来开发页面呢 我访问过从Yahoo.com到Pepsi.com的网络上的大多数网站,所有这些网站都将左右边距放在一个1024x768的舞台上,以适应屏幕的一半 是因为他们需要在移动设备上打开这些网站吗?还是有更深层的技术原因?二十年前,GUI应用程序的通用“标准”是640x480 就个人而言,我很少在1280x102

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

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


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

二十年前,GUI应用程序的通用“标准”是640x480

就个人而言,我很少在1280x1024以上运行任何显示器。目前,我使用两个显示器

真的必须有一些“最小公分母”。而且,没有特别好(或坏)的原因,目前它恰好是1024x768

我想。。。PSM

附言:

这是一张好桌子。它已经5岁了。。。但可能还是相当准确。特别是考虑到智能手机显示屏在过去五年中日益重要:


二十年前,GUI应用程序的通用“标准”是640x480

就个人而言,我很少在1280x1024以上运行任何显示器。目前,我使用两个显示器

真的必须有一些“最小公分母”。而且,没有特别好(或坏)的原因,目前它恰好是1024x768

我想。。。PSM

附言:

这是一张好桌子。它已经5岁了。。。但可能还是相当准确。特别是考虑到智能手机显示屏在过去五年中日益重要:


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

因此,1024x768是人们设计网站的标准最低分辨率。如果您设计的分辨率更宽/更大,则使用这些设备的用户很可能无法在屏幕顶部看到它们(不滚动),并且内容可能不会被注意到

查看此维基百科链接了解更多详细的统计信息

要回答另一个问题,为什么没有多个版本?主要有两个原因:

  • 许多网站实际上是动态可伸缩的。例如,查看facebook或谷歌图片。根据你的屏幕分辨率,他们使用额外的区域来容纳额外的内容。这种策略通常适用于具有可动态适应的内容块的网站
  • 有研究表明,对于最佳和快速阅读,6-7个单词或500px(不是确切的数字)是最佳宽度。任何超过此值的操作都会导致水平跨度过大,并降低读取速度。这会影响更多关于文本的网站的分辨率,例如博客和新闻网站

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

    因此,1024x768是人们设计网站的标准最低分辨率。如果您设计的分辨率更宽/更大,则使用这些设备的用户很可能无法在屏幕顶部看到它们(不滚动),并且内容可能不会被注意到

    查看此维基百科链接了解更多详细的统计信息

    要回答另一个问题,为什么没有多个版本?主要有两个原因:

  • 许多网站实际上是动态可伸缩的。例如,查看facebook或谷歌图片。根据你的屏幕分辨率,他们使用额外的区域来容纳额外的内容。这种策略通常适用于具有可动态适应的内容块的网站
  • 有研究表明,对于最佳和快速阅读,6-7个单词或500px(不是确切的数字)是最佳宽度。任何超过此值的操作都会导致水平跨度过大,并降低读取速度。这会影响更多关于文本的网站的分辨率,例如博客和新闻网站

  • 这只是一个好的设计选择问题。1024x768仍然是一个足够流行的分辨率;因此,为了确保最大的覆盖范围,网页设计师设计他们的网站,使人们可以使用1024x768及以上的分辨率查看(如预期的那样)。简而言之,这主要是为了确保向后兼容性,正如希拉格指出的那样,确保与移动设备的更好兼容性


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

    这只是一个好的设计选择问题。1024x768仍然是一个足够流行的分辨率;因此,为了确保最大的覆盖范围,网页设计师设计他们的网站,使人们可以使用1024x768及以上的分辨率查看(如预期的那样)。简而言之,这主要是为了确保向后兼容性,正如希拉格指出的那样,确保与移动设备的更好兼容性

    你应该仔细研究上面链接页面上的信息。所示的t
    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%