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

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

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


当前回答

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.

其他回答

前言:我不是专业的网页美工。

我发现,在手机和超宽屏的尺寸上,有太多精细的地方让事情变得如此流畅,尤其是在任何相当有趣的复杂情况下。

通常,我以某种方式设计固定宽度的站点;通常以[600,1200]为界。

我还发现超宽的内容列阅读起来很麻烦。我似乎记得有一些研究建议每栏一行的最佳字数。

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

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

流体布局的优点

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

流动布局的缺点:

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

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

绝对的。对于拥有巨大显示器的人来说,不得不调整页面大小是非常不方便的。在某些布局上,它也可能有点不可靠。一点小小的不便,无论多么微不足道,实际上都会影响人们对你网站的看法。

此外,上网本的分辨率很奇怪,这让网站设计变得很困难。例如,我在1024x600的像素上写这个。

现在这也不是特别难(在现代浏览器中),特别是在CSS中的最小高度和最大高度,以及CSS3中的新梯度等,所以图像缩放在不久的将来不会是一个大问题。

针对下面的评论,我认为在这种特殊情况下利大于弊——IE6到处都是问题。我们只需要面对它。

在某种程度上,是的。

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

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

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

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