你可以这样做。

设置主布局为流体，应用'max-width: 1140px'并居中。

这样在大屏幕上就不会出现“长行”的文本，在小屏幕上也不会出现适当的网页布局(不包括800x***及更低的屏幕)。

我已经在我的新项目中实施了这种方法，它就像一个魅力。

a.t.b . .：）

是的。页面缩放很棒，但它主要用于使文本变大，而不是使文本填充视口。当然，如果正文文本已经太宽了，缩小它以适应通常会使它无法阅读。

你需要液体布局，如果你想让文本适合视口，无论它是否被放大。

The point about ‘long lines being hard to read’ is often overstated by designers trying to justify fixed width designs(*), but in reality it doesn't seem to hold quite as strongly on-screen as it did on paper. Of course setting a good leading/line-height is important, and max-width can be used to inhibit the worst excesses of long lines. (Set it in font-relative em units.) You don't get max-width in IE6, but that's not the disaster it once was. (You can fix it with a little bit of JavaScript if you really care about those guys. I don't.)

(*这对于高度图形化的布局来说确实更少工作。但对于像StackOverflow这样更简单的布局，没有任何理由不采用液体布局。啧啧@SO，嗯!)

前言:我不是专业的网页美工。

我发现，在手机和超宽屏的尺寸上，有太多精细的地方让事情变得如此流畅，尤其是在任何相当有趣的复杂情况下。

通常，我以某种方式设计固定宽度的站点;通常以[600,1200]为界。

我还发现超宽的内容列阅读起来很麻烦。我似乎记得有一些研究建议每栏一行的最佳字数。

对我来说，让网站变得流畅，但添加最小/最大宽度属性似乎是两全其美的。你支持流动性，但你把它限制在一定的宽度(比如，800px和1200px)。

这取决于你——这里有一些需要考虑的事情:

当行很长时，文本很难阅读。 你的用户可能拥有比正常情况下更大或更小的分辨率，而选择一个“不正确的”静态宽度将会惹恼他们。 维护一个流动站点可能会比较困难，但并不比维护静态站点困难得多。

我是固定< 800px的大粉丝…更窄的列更容易阅读，而且适用于任何地方。也就是说，如果你想做一个展示超文本的网站……提供应用程序前端的网站，我认为完全是另一罐蠕虫…

这取决于你想做什么。来看看SO。它是固定宽度的，非常棒。事实上，如果它是流动的，它就有点像PITA。有些网站使用动态布局会更好看，但就我个人而言，我会选择固定布局，除非你有充分的理由使用动态布局。