网站支持的最低分辨率应该是多少?

时间:2012-04-14 05:23:20

标签: screen-resolution

我正在开发一个网站,但我不知道最低的支持'决议应该是。我知道它将在所有分辨率中起作用,但是由支持的#39;我的意思是所有内容都适合页面,而不是从一边到另一边滚动。我是否应该考虑支持' 1024x768的?

5 个答案:

答案 0 :(得分:6)

除了“了解你的观众”之外,这里没有正确答案。在开发的早期阶段做这件事并不是一件容易的事,除非你的目标是非常具体的利基观众。

通用网站的常用方法是检查热门网站的当前浏览器显示统计信息:

  1. W3 Counter
  2. W3Schools Browser Display Statistics
  3. 1024x768仍然是一个非常受欢迎的分辨率,也是一个安全的选择。而且,虽然我没有找到任何官方统计数据,但显然是Stack Exchange的目标。

答案 1 :(得分:1)

  

目前不是因为我打算稍后制作一个移动网站。

在这个答案中,我将专注于桌面方面。

根据Net Applications,1024x768是目前最常用的分辨率,超过15%。 “桌面”尺寸的下一步是800x600,但它只有0.89%的份额,因此您可能不必在桌面网站上支持1024x768以下的支持分辨率。

答案 2 :(得分:1)

桌面浏览器上内容的安全宽度为960px,这为其他答案中提到的非常常见的1024x768显示器上的简单背景留下了足够的空间。 960px宽度对grid layouts也很友好。

如果你想要更灵活的路线和支持,不要过分担心某些分辨率范围(可能是移动设备),请考虑liquid layouts

答案 3 :(得分:1)

我100%同意@Yannis这是一个目标受众问题。 1024宽度是全球观众的良好基线,但如果您的网站不是“普通”互联网用户,那么您可能有充分的理由使用更宽的(或更窄的布局)。例如,如果您要定位超级用户,则可以接受1280甚至1600。

另一种可能性是使用许多现代网站使用的变量布局。这意味着根据当前用户浏览器宽度调整宽度(甚至整个css)。这为您的网站带来了一种非常时尚的感觉。

使用变量布局的一个非常好的例子是在Trello应用程序中。

答案 4 :(得分:0)

1024x768应该没问题。但要找出签署支票的人使用的分辨率,并尝试开发液体布局以避免侧面滚动。