液体布局与固定布局：选择哪一个？

在this question，它在最upvoted回答说：液体布局与固定布局：选择哪一个？

使用流式布局

为什么这被认为是一个很好的做法？我的意见是，设计一个液体布局比较困难，因为它从一个窗口大小到另一个窗口大小可能会有很大差异......额外的复杂性值得吗？我应该考虑做出选择？

2011-08-30 Benjamin Crouzier

嗯，我不同意这一点。使用固定宽度的布局，您可以创建在所有浏览器上都可以看到的内容。

我一直在网页设计和开发相当长的一段时间，而且我曾经很少使用液体布局在网站上。

有些时候，它可以有用的，有时网络应用程序可以受益于液体布局。然而，最安全（在设计方面以及在不同浏览器，屏幕等方面工作的所有内容），创建网站的最佳外观（以我的观点）和“标准”方式都是固定宽度。

环顾四周。查看具有液体布局的网站，并问问自己为什么他们有液体布局。他们是否有很多动态/变化的文字区域？大量的信息显示？缺乏视觉/图形设计？它是一个非常主观的领域，但是你必须选择一个。你的网站看起来更好固定或液体？你想让拥有巨大显示器的人（比如我 - 27“imac）必须看到你的网站真的很胖吗？我讨厌在我的mac上查看亚马逊网站！

来源

2011-08-30 12:33:50

mail.google.com，news.google.fr，www.google.com，amazon.com，wikipedia.com ...他们有不少是 –

-1不仅大部分网站都有固定布局，但也有草率的UI，令人恐惧的旧意大利面代码混搭。事实是这些网站是旧的，应该从头开始重写。 –

@pinouchon我会打电话给mail.google.com一个网络应用程序，不知道关于新闻网站，google.com是固定宽度，amazon.com看起来非常残酷。维基百科有很多内容的文字内容，因此属于“有用的时候”。因此，在你的列表中，有2个对你的论点来说是“可行的”，即使那时它只有5个列表。 –

Personnaly我发现液体布局总是比较难处理，但他们外观漂亮，它是很好的设计时。

你可以看看一些电网的CSS框架，可以帮助您与液态布局工作。

http://www.designbyfire.com/liquid_blueprint/tests/liquid.html蓝图液体
http://www.designinfluences.com/fluid960gs/流体960网格系统

来源

2011-08-30 12:35:16

正确的选择取决于您的需求。

液体布局可能更难以理解和实施，但您获得了灵活性的。

一个灵活的布局意味着它可以很容易地适应不同的屏幕分辨率。

一旦你完成了液体布局，你也可以通过一些改变（主要是CSS规则）来适应移动网站（如果还没有的话）。随着新技术出现的快节奏（新设备，新屏幕，新分辨率，16：9,16：10，全高清等），您可以轻松地实现一个不存在任何问题的布局决议在不同的显示器上

这是液体布局的用途。另一方面，一个静态网站无非是我们在过去几年看到的，就像一个中心宽度为960px的页面，无法在大多数手机上显示，并且即使它们显示它，祝你好运浏览网站。

请注意，您实际上可以实现一种混合：固定大小的布局，其最大宽度为960像素，通常可在桌面浏览器中查看，然后以自动宽度适应较低的分辨率。

来源

2011-08-30 12:35:43

液体布局与固定布局：选择哪一个？

回答

相关问题