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

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

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


当前回答

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

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

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

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

其他回答

你必须意识到大多数电脑用户甚至不知道如何放大浏览器!大多数用户对计算机的理解还远远不够。我们必须永远记住这个事实。

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

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

流体的例子:

亚马逊

维基百科


静态的例子:

苹果

eBay

MSN

StackOverflow

MSDN


一些混合!

CNN

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

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

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

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

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

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

流体布局的优点

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

流动布局的缺点:

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

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

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

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