我现在正在做一个网站,我正在决定是否应该让它流动。固定宽度的网站更容易制作,也更容易使它们看起来一致。

说实话,我个人更喜欢看那些能延伸到显示器全宽的流动网站。我的问题来自于这样一个事实,在大多数现代浏览器中,你可以按住鼠标滚轮来调整任何网站的大小。

那么,创建一个流畅的网站值得吗?


当前回答

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

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

其他回答

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

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

流体的例子:

亚马逊

维基百科


静态的例子:

苹果

eBay

MSN

StackOverflow

MSDN


一些混合!

CNN

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

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.

在某种程度上,是的。

有一定的宽度,如果太宽,文本就会变得讨厌阅读。如果你有一个大显示器,很容易测试,只需抓起记事本,粘贴一些文本到它没有换行。

然而,当缩小到更小的尺寸时,流动可能是一个好主意。手机浏览器越来越能够很好地显示“正常”网站,但它们有时会受到宽度限制,因此,如果你的网站能容纳更小的空间,就会受益。

就我个人而言,我也喜欢把浏览器放在我的显示器上,但只有显示器宽度的一半(24英寸)。能够很好地扩展到这一点的网站是非常好的。

我认为这主要是为了方便用户。并不是所有的网站都能从流动中受益,但我认为那些有大量文本内容的网站是最能从中受益的,至少如果它们的最大宽度是流动的(比如800px或其他)

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

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

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

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

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

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