html - 网页的最佳绝对宽度是多少？

Question

假设不能选择流畅的布局（因为这是一个不同的讨论），站点布局的推荐宽度是多少？不同尺寸的优缺点是什么？

score 40 · Accepted Answer

我一直保持960px它在上可见1024x768，并且可以被 2、3、4、5、6、8、10、12、15、16、20、24、30、32、40、48、60 整除， 64, 80, 96, 120, 160, 192, 240, 320 和 480 ......所以我可以干净地分割我的网站设计（使用三分法）。

几年后编辑：如果您不能使用流畅的布局，请考虑使用CSS 媒体查询使您的内容能够响应现在无数的设备。我不确定是否可以在 2012 年声称一个像素宽度来统治它们。

score 15 · Accepted Answer

查看http://browsersize.com，了解用户现在使用的屏幕分辨率的一些快速统计信息。您可以使用http://setmy.browsersize.com快速调整浏览器大小，以模拟以特定屏幕分辨率查看您的网站。确保您的布局至少满足最广泛使用的屏幕分辨率 (1024 x 768)。

此外，不一定要占用最大的水平空间。理想情况下，文本的宽度（每行的字数）不应超过某个可用性阈值：

在非常常见的 1024×768 屏幕分辨率下，大多数固定布局的网站不会使用其内容左右两侧的所有可用空间。灵活的布局可以更好地利用水平空间，但很难保持可用的行长。可用性专家告诉我们，你应该在一行上写这么多字。8 到 12 个单词似乎是理想的行长。印刷媒体，尤其是报纸，毫不犹豫地使用更短的行。为什么？因为他们可以通过在多列中布置文本。

http://www.alistapart.com/articles/css3multicolumn

score 1 · Accepted Answer

如果您使用的固定宽度比可能访问您网站的最小屏幕宽，您会惹恼和挫败必须横向滚动才能访问其余内容的用户。

score 1 · Accepted Answer

曾经是800px；然而，越来越多的网站开始使用1000px. 这是因为访问者的低端分辨率通常为1024x768. 额外的 24 像素为您可能想要操作的浏览器镶边、填充和边距等留出了空间。

只是为了给出一些观点，即使是新一波的小屏幕上网本也有1024x768.

但是，最重要的是，按照@warren 的建议了解您的受众并加以利用。

score 1 · Accepted Answer

1

我还使用 950 到 980px 之间的布局，并且始终居中，除非客户另有要求 :)

于 2008-10-14T20:30:01.463 回答

score 1 · Accepted Answer

请记住，统计中经常引用的显示器分辨率不一定与浏览器窗口的内部宽度相同。用户可能有额外的侧边栏/工具栏，使用非最大化的浏览器窗口。屏幕越大，您就越不可能只在一页上使用它。
很长的文本行更难阅读。最佳值是 25-30em（取决于许多因素，但您不应该简单地追求最大值）。
移动浏览器具有用于缩放的“虚拟”屏幕分辨率，在 Opera Mini/Mobile 和 Mobile Safari 中约为 960 像素。

score 1 · Accepted Answer

我在此投票支持该议案。仅仅因为屏幕尺寸是 X 并不意味着 X 或任何接近它的东西是您网站的最佳设计。

您的网站目的与您选择的宽度有很大关系。

许多营销专家认为，更窄的列将更多的访问“转化”为销售。也许这是因为如果页面很窄，更容易引导人们的注意力。

另一方面，专门用于图像的站点应该以每个访问浏览器的最佳可用分辨率显示。

score 0 · Accepted Answer

您可以尝试开发多个布局并使用 Javascript 根据访问者的 window.innerWidth 在它们之间切换

也就是说，我通常使用 950px 到 980px 之间的东西。

score 0 · Accepted Answer

当与台式机和笔记本电脑相关时，获得最佳性能和跨显示器兼容性的最大网站宽度为 960 像素。

有关方式和原因的更多详细信息，请参阅以下文章：

屏幕尺寸和分辨率

score -1 · Accepted Answer

-1

根据这些统计数据，至少 1024 像素宽将覆盖大多数用户。

于 2008-10-14T20:00:49.867 回答

html - 网页的最佳绝对宽度是多少？

10 回答 10

Related

Reference