评论中有很多好的观点，但从你的问题来看，你似乎真的喜欢流畅的设计，想要创建一个，所以去做吧，这是你的网站，它不必像网络上的其他网站一样。

只要注意每种解决方案的利与弊。

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.

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

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

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

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

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

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

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

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

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

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

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

你可以这样做。

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

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

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

a.t.b . .：）