网页的最佳绝对宽度是多少？ [关闭]答案

【问题标题】：What is the best absolute width for a webpage? [closed]网页的最佳绝对宽度是多少？ [关闭]
【发布时间】：2018-05-08 07:26:13
【问题描述】：

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

【问题讨论】：

标签： html css layout

【解决方案1】：

我一直使用 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 Media Queries 使您的内容能够响应现在无数的设备。我不确定是否可以在 2012 年声称一个像素宽度来统治它们。

【讨论】：

我也同意这一点，但实际上你应该检查你的网站统计数据，看看你的访问者组中哪种浏览器更占主导地位。

【解决方案2】：

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

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

在非常常见的 1024×768 屏幕上分辨率，大多数固定布局的网站不要使用所有可用空间左右他们的内容。灵活的布局更好地利用水平空间，但努力保持可用的行长。可用性专家告诉我们你有那么多话应该放在一条线上。 8 到 12 之间词似乎是理想的路线长度。印刷媒体，尤其是报纸，不要犹豫，甚至使用较短的行。为什么？因为他们可以，通过在多个文本中布置文本列。

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

【讨论】：

【解决方案3】：

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

【讨论】：

【解决方案4】：

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

【讨论】：

【解决方案5】：

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

【讨论】：

【解决方案6】：

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

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

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

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

【讨论】：

【解决方案7】：

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

只是给出一些观点，即使是新一波的小屏幕上网本也有1024x768的分辨率。

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

【讨论】：

【解决方案8】：

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

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

【讨论】：

最好使用媒体查询而不是 javascript - javascript 不是播放宽度布局的最佳选择

【解决方案9】：

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

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

Screen Size and Resolution

【讨论】：

【解决方案10】：

根据these统计，至少1024像素宽将覆盖大部分用户。

【讨论】：