流动的网站是否值得制作？

Question

我现在正在建立一个网站,我正在努力决定是否应该让它变得流畅.固定宽度的网站更容易制作,也更容易使它们看起来一致.

说实话,我个人更喜欢看流体网站延伸到我的显示器的整个宽度.我的问题来自这样一个事实:在大多数现代浏览器中,您可以控制并滚动鼠标滚轮以基本调整任何网站的大小.

那么创建一个值得麻烦的流畅网站呢？

Answer 1

这取决于您的受众和您的内容.

以下是我尊重的网站,我认为这是模仿的榜样.

流体示例:

亚马逊

维基百科

静态示例:

苹果

易趣

MSN

堆栈溢出

MSDN

有些混合起来!

CNN

我想我大部分时间都喜欢静态.在更多浏览器中使它看起来更好更容易.它也更容易阅读.

Answer 2

让网站流畅,但添加一个min/max-width属性似乎是两个世界中最好的,对我来说.您支持流动性,但是您将其限制在一定宽度(例如,800px和1200px).

这取决于你 - 这里有一些事情需要考虑:

1. 当行非常长时,文本很难读取.
2. 您的受众可能拥有比正常情况更大或更小的分辨率,选择"不正确"的静态宽度会使他们烦恼.
3. 保持流体站点可以是,但不必比其静态对应物困难得多.

Answer 3

绝对.拥有巨大显示器的人必须调整页面大小,这是一个很大的不便.一些布局也可能有点狡猾.一点点不便,无论多么微不足道,都会影响到人们对您网站的看法.

此外,上网本有奇怪的分辨率,这使得很难设计网站.例如,我写的是1024x600.

这不是特别难如今是(在现代浏览器),尤其是min-与max-height在CSS中,而新的梯度,等,在CSS3,所以图像缩放不会在不久的将来成为大问题.

在回应下面的评论时,我认为在这种特殊情况下,优点超过了缺点 - IE6无处不在.我们只需处理它.

Answer 4

您必须意识到大多数计算机用户甚至不知道如何放大浏览器!大多数用户对我们拥有的计算机的理解还很远.我们总是要记住这个事实.

Answer 5

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

否则,我认为这是一个简单的问题,你正在设计什么样的网站,以及它在不同大小的屏幕和窗口上的外观.如前所述,可以选择设置最大宽度,但同样的警告适用于代码块和iPhone.我设计了两个,我不喜欢一个而不是另一个.

虽然,当我使用流畅的布局浏览器大小时,看着盒子四处移动很有趣,但我很容易被逗乐.

Answer 6

基于文字的应用:没有.基于表格的应用:是的.

流体布局的优点

1. 拥有大显示器的人可以使用他们的屏幕空间.
2. 当您的页面上有大量信息时,使用大显示器的用户更容易.

流体布局的缺点:

1. 如果流量宽的文本列太宽,则难以阅读.在报纸上使用专栏背后有一个很好的理由:它可以更容易地跳到下一行.
2. (有点)难以实现,因为CSS的局限性.

如果您正在显示表格数据(iTunes,数据库管理器......),则流体宽度很好.如果您正在显示文本(文章,维基页面......),流体宽度很差.

Answer 7

最重要的是考虑您的网站或应用程序的主要用例.您是否希望人们专门在移动设备上使用它？手机,上网本,台式机？

看看Ethan Marcotte撰写的"响应式网页设计":http://www.alistapart.com/articles/responsive-web-design/

伟大的文章,演示了使用媒体查询真正流畅的布局.有时您需要为不同的用户代理构建单独的前端,但有时媒体查询是跨不同用户代理服务多个分辨率的完美工具.

Answer 8

这取决于你想要做什么.看看SO.它是固定的宽度,非常棒.事实上,如果它是流动的,它将是一个PITA.有些网站看起来更好用流畅的布局,但就个人而言,除非你有充分的理由去流动,否则我会选择固定的.