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

Question

假设流体布局不是一个选项（因为这是一个不同的讨论），网站布局的建议宽度是多少？不同尺寸的优点和缺点是什么？

Answer 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年可以声称一个像素宽度来统治它们。

Answer 2

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

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

  

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

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

Answer 3

如果您使用比最小屏幕可能更宽的固定宽度来访问您的网站，您将会惹恼并挫败必须向侧面滚动以获取其他内容的用户。

Answer 4

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

只是为了给出一些看法，即使是新版的上网本，其小屏幕也具有1024x768的分辨率。

但是，最重要的是，要了解@warren建议的观众并利用它。

Answer 5

我还使用950到980px之间的布局，除非客户要求，否则始终居中：）

Answer 6

1. 请注意，统计信息中经常引用的监视器分辨率与浏览器窗口的内部宽度不一定相同。用户可能有其他侧边栏/工具栏，使用非最大化的浏览器窗口。屏幕越大，您只想在一页上使用它的可能性就越小。

2. 很长的文字行很难阅读。最佳值是25-30em（取决于很多因素，但你不应该只追求最大值）。

3. 移动浏览器具有用于缩放的“虚拟”屏幕分辨率，在Opera Mini / Mobile和Mobile Safari中具有~960px。

Answer 7

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

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

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

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

Answer 8

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

那就是说，我通常使用介于950px和980px之间的东西。

Answer 9

与台式机和笔记本电脑相关的最佳网站宽度可实现960px的最佳性能和跨显示器兼容性。

有关如何以及为何看到以下文章的详细信息：

Screen Size and Resolution

Answer 10

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