我要反对大多数人，说不。推理:像维基百科这样的流动网站，由于它们的行长，在大屏幕上阅读是一场噩梦(尽管它的引用在最好的时候也很难阅读)。

出现这个问题的原因是，没有一种机制可以根据屏幕分辨率调整文本的大小。如果你可以在更大的分辨率下自动增大文本，你就可以保持每行80多个字符的最佳可读性。

还有图像和其他固定大小元素的问题。你可以拥有较大的图像，并在必要时让浏览器缩小它们，但这样你就会遇到其他问题，比如更长的下载时间，以及许多浏览器中的图像质量问题。

我认为流动/固定的决定也应该基于网站的内容:

对于有大量平原的地方 信息(如新闻门户)， 最好使用流体布局。 web服务更好地进行查看和工作 固定的尺寸，所以你总是知道 界面元素位于哪里 在他们的地方，他们没有移动 约不断。

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

最重要的是考虑您的网站或应用程序的主要用例。你希望人们只在移动设备上使用它吗?手机、上网本、台式机?

看看Ethan Marcotte的“响应式Web设计”:http://www.alistapart.com/articles/responsive-web-design/

这是一篇很棒的文章，展示了使用媒体查询实现真正流畅的布局。有时需要为不同的用户代理构建单独的前端，但有时媒体查询是跨不同用户代理提供多种分辨率的完美工具。

从我iPhone的角度来看，固定宽度的布局在使用代码块时是有问题的。宽代码块的滚动条没有显示，所以我无法读取该块的最右侧。

除此之外，我认为这是一个简单的问题，你要设计什么样的网站，以及它在不同尺寸的屏幕和窗口上看起来如何。如前所述，有一个选项可以设置最大宽度，但同样的警告适用于代码块和iphone。这两种我都设计过，我不喜欢其中一种。

虽然，当我使用流动布局来调整浏览器大小时，看着这些框移动是很有趣的，但我很容易被逗乐。

你可以这样做。

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

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

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

a.t.b . .：）