液体布局是否仍然相关？

Question

现在大多数主流浏览器都支持全页面缩放（目前唯一值得注意的例外是Google Chrome），不再需要液体或弹性布局吗？建造液体/弹性布局的相对痛苦值得付出努力吗？是否存在液体布局仍然有益的情况？全页缩放它最初看起来是真正的解决方案吗？

Answer 1

是的，因为有各种各样的屏幕，通常从15“到32”不等。 人们认为“舒适”的字体大小也存在一些差异。 所有这些都会增加您的内容需要适应的各种尺寸。

如果有的话，随着我们扩展到大型显示器和手机设备，液体布局变得更加必要。

Answer 2

在CSS中进行全页缩放并不值得，特别是因为大多数浏览器现在都在进行本地缩放（并且做得更好 - ref [img]标签）。

至于使用固定宽度，还有一个辅助功能......如果你增加字体大小，每行会显示较少的单词，这可以帮助一些人阅读。

如你所知，你有没有看过一个极宽的文本块，发现你已经读了两次同一行？如果行高增加（虽然字体大小相同），每行字数较少，这就不再是问题了。

Answer 3

是的，是的！由于某些设计师认为用户总是最大化他们的浏览器，因此必须在网站上水平滚动对我来说是一个巨大的宠儿，我相信我并不孤单。最重要的是，作为一个有着非常糟糕视觉的人，让我说当布局流畅时，整页缩放效果最佳。否则，您最终会在（可见）屏幕上显示导航栏。

Answer 4

我有一个现实世界的问题。该设计要求在一个漂亮的边框内的固定宽度页面。安装在800像素宽，减去几个像素的浏览器窗口。左侧菜单减去200像素，内容区域宽约600像素。

问题是，网站内容的一部分是动态的，导致用户在漂亮的1280x1024屏幕上编辑和浏览表格中的数据，表格限制为600像素宽。

您应该在动态内容中考虑浏览器窗口的宽度，除非该动态内容主要是文本。

Answer 5

拉伸布局不是关于缩放，而是关于包装 - 如果屏幕分辨率更高，则允许用户在屏幕上显示更多信息，同时仍然可以为分辨率较低的屏幕提供内容。页面缩放不能实现这一点。

Answer 6

我认为仍然需要液体布局，即使浏览器具有这种全页缩放功能，我敢打赌很多人都不知道它或者知道如何使用它。

Answer 7

从可访问性的角度来看，

页面缩放是可怕的。这相当于说“我们不能正确地设计我们的页面[设计师]，所以有一个更大的字体并水平滚动页面[浏览器开发人员]”。在微软之后我无法相信Firefox会从悬崖上跳下来并将其作为默认设置。

Answer 8

是 - 您不知道读者使用的分辨率，屏幕大小 - 或者即使需要/使用可访问性。如上所述，并非所有人都知道整页缩放 - 我知道它，但很难使用它......

Answer 9

只有您自己网站的访问者可以告诉您流动的布局是否仍与您的网站相关。

使用YUI-CSS和Google网站优化工具等框架，您可以轻松查看访问者喜欢的内容并放下意见，而不是依赖冷酷的结果。

Answer 10

但是，液体布局可能会导致可用性问题。

变得太宽的内容容器变得异常难以阅读。

由于这个原因，许多博客都有固定宽度的内容容器。

或者，您可以创建多列内容容器，以便获得类似报纸的效果，其中包含多列精简文本容器。但这可能很难做到。