【问题标题】:What's the standard "minimum" resolution I should support with a website? [duplicate]我应该支持网站的标准“最低”分辨率是多少? [复制]
【发布时间】:2009-05-09 04:19:06
【问题描述】:

复制:

Recommended website resolution (width and height)?

我倾向于将 1024x768 视为现代网络浏览器可以运行的最低屏幕分辨率,但在将这种分辨率用于商业网站时我会担心,因为我觉得我可能会伤害那些坚持使用的人更小/更老的东西。所以我问,实际上,我应该期望我的网站在“最大化”浏览器的情况下完美运行的最低屏幕分辨率是多少?

【问题讨论】:

标签: resolution


【解决方案1】:

查看上网本以获得新的最低要求。我会说 1024x600 是合理的。

编辑:您可以随时查看任何数量的网站,这些网站可以为您提供有关浏览器使用情况的统计信息。这是 Google 为我找到的一个:

http://www.w3schools.com/browsers/browsers_display.asp

【讨论】:

  • 哇,这是一个很好的链接。所以 96% 的用户群使用 1024x768 就可以了,根据这个统计数据,它看起来不是“最低”,更像是“标准”。很高兴知道。
  • 嗯,96% 通过访问 w3schools 表达他们对网页设计的兴趣的人可能拥有这种尺寸的屏幕,但这可能会或可能不会告诉您有关目标市场的任何有用信息。对此类统计数据的来源(以及相关性)要非常小心。
  • 不要假设浏览器窗口已最大化,而我的屏幕为 1600x1200,但我的浏览器明显小于此(全宽使大多数文本难以阅读)。
【解决方案2】:

来自 Jacob 的 Nielsen Alertbox 中名为 Screen Resolution and Page Layout 的文章:

针对 1024x768 优化网页,但是 使用可伸展的液体布局 适用于任何分辨率,从 800x600 到 1280x1024。

【讨论】:

  • +1 引用 Jakob Nielsen。
【解决方案3】:

取决于你的听众。如果主要是美国消费者在家里,那么我认为你用 1024x768 是安全的。对于学校、企业和全球国际观众,您需要 800x600,因为学校和企业不太可能升级计算机,而且各个国家/地区的国际观众可能因任何原因无法使用更大的屏幕。

【讨论】:

    【解决方案4】:

    我也可以建议您测试一个最大分辨率。由于人们使用固定字体大小等,许多网站在 1920x1200 时无法使用(不缩放)。

    【讨论】:

      【解决方案5】:

      亲爱的上帝,我们忘记了吗?

      HTML - 一种逻辑页面描述语言 - 的全部意义在于您永远不必考虑或担心显示设备。

      如果显示设备是盲人的文本阅读器会怎样?

      还是控制台上的纯文本浏览器?

      但这不是重点;要点是 HTML LOGICALLY 描述了页面。如果您在页面的逻辑描述中进行了纯粹的物理描述,那么您就错了。您正在编写网页,就像您在发出 HTML 的 Word 一样!

      您需要编写您的网站,使其在逻辑上运行 - 也就是说,您将渲染问题完全交给渲染代理处理。如果你不这样做,那你就错了。

      【讨论】:

      • 理论上,理论和实践没有区别。在实践中,有。
      • HTML 作为内容逻辑显示的概念早已被遗忘。这不是真的。 向用户呈现数据的意义远不止逻辑格式。只有最基本的布局才能针对不同的设备进行通用格式化。可访问性和移动设备是开发网站时的重要因素,不应规定 90% 的用户对布局有限制。使用良好的 Model-X-Presenter 框架,您可以将不同的视图呈现给不同的目标。
      • 我认为海报是对的,除非你必须做“艺术”(图形),否则它会成为一个更相关的问题。不过,当 CRUD / bulk-dump crap 被视为“艺术”时,我确实讨厌它。如果可能的话,只要让它按需要挤压和滚动。
      • IME,在大多数情况下,求助于物理页面描述的人是懒惰的。不去思考,只在物理上布置页面更容易。这就像常规编程一样。你可以写好代码,也可以写坏代码。
      • 这是个好主意,但在实践中失败了,1)因为付钱给你的人希望它看起来像某种方式,并且不要对你的嬉皮士理想进行修补和 2)因为你不能总是信任浏览器来完成它应该做的工作。例如,如果我以表格格式返回搜索结果(每个结果都是一行,有一堆列,例如 SQL 选择),我必须知道我使用了多少列,以便在没有水平滚动的情况下正确显示。
      【解决方案6】:

      考虑使用适应用户屏幕的流畅布局。大多数具有固定布局的网站迫使大多数用户查看以最小公分母为目标的网站,即使 90% 的访问者有更高的可用分辨率。这会导致布局过度填充导航 chrome 和少量内容。

      如果您必须使用固定布局,请考虑从 MSN 中获取提示,将屏幕拆分为 760 和 224 像素列。如果访问者的分辨率为 800(您可以在 JavaScript 中检测到),则隐藏 224 像素列。

      更新来自 cmets:至于确定一个安全的最小值,尽管我将您的屏幕设置为 800x600,然后浏览一些流行的普通公共网站 - MSN、Yahoo 等,看看他们在做什么.可以肯定的是,他们在该领域投入了大量研究,采用他们所做的通常是安全的选择

      【讨论】:

      • 我实际上尝试了一种流畅的布局,但我发现自己的网站在我自己的显示器上看起来很糟糕,因为文本较少的页面只有一两行感觉“空”。我真正的解决方案是同时使用最小和 max 分辨率,并在两个极端情况下测试设计。我的最大值相当大(1600 像素宽),所以任何大于此的值,流体设计都会像大多数固定宽度设计一样居中。但同样,我在这里寻找一分钟。 ^_^ 设计考虑总是可以从那里开始。
      • 是的,知道你的意思。我的最大值是 2500 像素,即使是最密集的页面仍然是空的。我喜欢的一种方法被称为“果冻”布局,它基本上可以流动到最大宽度。我喜欢这样,因为即使我有 2500 像素来阅读跨越整个屏幕的文本也很麻烦。最大大约 1200 像素左右,效果很好。
      • 至于确定一个安全的最小值,尽管我将您的屏幕设置为 800x600,然后浏览一些流行的普通公共网站 - MSN、Yahoo 等,看看他们做了什么。可以肯定的是,他们在这一领域投入了大量研究,采用他们所做的通常是安全的选择。
      【解决方案7】:

      1024x768 没问题。大多数人都有该分辨率设置,而没有设置的人的用户体验不会受到严重影响。此外,为了确保您的页面很好地适应浏览器,考虑到滚动条等,请将您的页面设置为 960 像素。

      【讨论】:

        【解决方案8】:

        1) 我的浏览器没有最大化。我的屏幕大小无关紧要。我的浏览器窗口大小可以。

        2) iPhone 的屏幕分辨率为 480x320。 NewEgg 目前以低于 200 美元的价格列出了至少一台 1920x1080 显示器。设计到这两种分辨率中的任何一种都会使您的网站在另一种上完全无法使用。即使您将差异和设计拆分为 1024x768,您也会在 200 美元的显示器上看到一条覆盖一半屏幕宽度的条纹(在 IMO 看来,这看起来很垃圾),并且在 iPhone 上仍然完全无法使用。

        屏幕不仅越来越大。它们也越来越小。趋势正在转向流畅的布局而不是固定宽度,这是有充分理由的。

        【讨论】:

          【解决方案9】:

          我通常设计 800 宽的网站。

          高度不是问题,因为用户可以滚动。

          【讨论】:

            【解决方案10】:

            正如马克所说,现在有很多上网本。 它们中的大多数现在具有 1024x600 尺寸,但也有一些“较旧”的上网本的分辨率仍然较低。例如我的有 *wince* 800x480。

            如果你想真正兼容,就选择800,否则,我会说你用1024好,至于高度,用户可以随时滚动。

            【讨论】:

              【解决方案11】:

              不要忘记滚动条、工具栏和侧边栏会稍微限制空间。即使您假设分辨率至少为 1024*768,也不要将页面设置为 1024 宽。

              【讨论】:

                【解决方案12】:

                绝对是 1024 宽(如 980px 左右可用),但请不要为固定高度设计。

                【讨论】:

                  【解决方案13】:

                  我会看看这些统计数据:http://www.w3schools.com/browsers/browsers_display.asp

                  截至 2009 年 1 月,只有 4% 的访问 W3Schools 的人使用 800x600 作为分辨率。其余的至少使用 1024x768。

                  不过,请注意这 4% 的用户中有多少是您的用户。

                  【讨论】:

                  • 还有现在有多少人在使用手机。
                  猜你喜欢
                  • 2011-04-07
                  • 1970-01-01
                  • 2011-07-19
                  • 1970-01-01
                  • 2011-04-26
                  • 2019-06-16
                  • 2017-12-28
                  • 2014-07-17
                  • 1970-01-01
                  相关资源
                  最近更新 更多