13

复制:

推荐的网站分辨率(宽度和高度)?

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

4

13 回答 13

7

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

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

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

于 2009-05-09T04:21:25.277 回答
5

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

针对 1024x768 优化网页,但使用可以很好地拉伸任何分辨率(从 800x600 到 1280x1024)的流畅布局。

于 2009-05-09T05:23:14.987 回答
3

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

于 2009-05-09T04:27:04.047 回答
3

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

于 2009-05-09T04:36:38.030 回答
3

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

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

如果显示设备是盲人的文本阅读器,会发生什么?

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

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

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

于 2009-05-09T05:11:41.690 回答
2

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

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

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

于 2009-05-09T04:33:27.820 回答
1

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

于 2009-05-09T04:27:54.137 回答
1

1) 我的浏览器没有最大化。我的屏幕大小无关紧要。我的浏览器窗口的大小确实如此。

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

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

于 2009-05-09T10:42:47.683 回答
0

我通常设计800宽的网站。

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

于 2009-05-09T04:20:40.627 回答
0

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

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

于 2009-05-09T04:28:39.597 回答
0

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

于 2009-05-09T04:31:16.547 回答
0

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

于 2009-05-09T04:50:34.317 回答
0

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

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

不过,请注意这 4% 中有多少可能是您的用户的一部分。

于 2009-05-09T07:25:58.733 回答