流体设计——真正的流体——是困难的。很努力。这不仅仅是一个页面宽度的问题——你的字体是否可以缩放，以及所有东西是否都可以缩放?理想的情况是:

大小应该用em而不是px来定义 .．.这不仅适用于字体，还适用于元素大小! 给定字体大小或缩放级别的变化，页面元素之间的相对大小应该是相同的

我们的主要产品是流动的，从我作为设计师的角度来看，这是一种痛苦，特别是因为它涉及大量用户生成的内容。

首先，图片——在一个固定宽度的网站上，你可以让图片填充一半的宽度，而且看起来很棒。在一个流动的网站中，这张图片很可能迷失在空白的海洋中，看起来相当孤独。

一旦border-radius和其他CSS3属性更多地发挥作用，生活应该会更容易，但遗憾的是，我们的核心受众是政府工作人员，他们仍然使用IE F@!* ING 6 !

为了回答这个问题，“值得吗?”是的，如果你做得对的话。

这里有一个场景:选择一个固定宽度的网站:你的老板用他全新的1920x1600笔记本电脑向客户展示它，然后向你抱怨“在这个人的屏幕上看起来多么小!”

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

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

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

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

流体布局的优点

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

流动布局的缺点:

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

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

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.

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

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

流体的例子:

亚马逊

维基百科

静态的例子:

苹果

eBay

MSN

StackOverflow

MSDN

一些混合!

CNN

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

我很喜欢那些最大宽度固定在800px - 1000px之间的网站，但也可以缩小，这样我就可以阅读内容，而不用左右滚动，也不用缩小，因为文本经常变得太小而无法阅读，这伤害了我的眼睛。所以，这通常是我想要争取的，因为我想建立我可以自豪的网站。