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

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

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

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

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

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

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

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

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

这取决于你的受众和你的内容。

以下是我尊敬的网站，我认为是模仿的例子。

流体的例子:

亚马逊

维基百科

静态的例子:

苹果

eBay

MSN

StackOverflow

MSDN

一些混合!

CNN

我想大多数时候我更喜欢静态。让它在更多的浏览器中看起来更好更容易。它也更容易阅读。

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

流体布局的优点

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

流动布局的缺点:

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

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

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

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