基于文本的应用:不是。基于表格的应用:是的。

流体布局的优点

拥有大显示器的人可以使用他们的屏幕空间。 当页面上有很多信息时，对于使用大显示器的用户来说更容易。

流动布局的缺点:

流动宽度的文本列如果太宽，则难以阅读。在报纸上使用专栏是有原因的:它使跳到下一行更容易得多。 (有点)难以实现，因为CSS的限制。

如果您正在显示表格数据(iTunes、db管理器……)，流体宽度是好的。如果您正在显示文本(文章、wiki页面等)，流体宽度是不好的。

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

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

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

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

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

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

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

你可以这样做。

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

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

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

a.t.b . .：）

I think it's nice to be able to scale well on a user's screen, rather than make the users pan and zoom. In a time when users surf the web from such a wide variety of devices, ranging from smartphones to ultra-mobile PCs, each with its own, possibly non-standard resolution, I think it's important to keep user-experience at a high level when your site is viewed on such screens. Regarding the text length, it could be bounded by a certain ratio, so it would fit nicely within the layout. I think there are also frameworks that may help with writing a site in a fluid manner, and help with coding maintainability.