题

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

解决方案

是的，因为屏幕种类繁多，通常尺寸从 15 英寸到 32 英寸不等。人们认为的“舒适”字体大小也存在一些差异。所有这些加起来就形成了您的内容需要适应的相当大的尺寸范围。

如果说有什么不同的话，那就是随着我们扩大到巨大的显示器，缩小到手机设备，液体布局变得更加必要。

其他提示

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

至于使用固定宽度，还有一个次要特征......如果增加字体大小，每行显示的字数会减少，这可以帮助某些人阅读。

例如，您是否曾经阅读过一段非常宽的文本，然后发现同一行被读了两次？如果增加行高（尽管字体大小效果相同），每行字数更少，那么这就不是什么问题了。

对对对！因为一些设计师认为用户总是最大化他们的浏览器，所以必须在网站上水平滚动，这对我来说是一个巨大的烦恼，我确信我并不孤单。最重要的是，作为一个视力很差的人，让我说，当布局是流动的时，整页缩放效果最好。否则，您最终会发现导航栏离开（可见）屏幕。

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

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

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

弹性布局与其说是缩放，不如说是环绕——如果屏幕分辨率较高，则允许用户在屏幕上显示更多信息，同时仍然使屏幕分辨率较低的用户可以访问内容。页面缩放无法实现这一点。

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

页面缩放为可怕从可访问性的角度来看。这相当于说“我们懒得去正确设计我们的页面[设计师]，所以使用更大的字体并水平滚动页面[浏览器开发人员]”。我不敢相信 Firefox 在微软之后跳下了悬崖，并将其设置为默认值。

是的 - 您不知道阅读器正在使用什么分辨率，或者什么尺寸的屏幕 - 或者即使需要/使用辅助功能。如上所述，并不是每个人都知道全页缩放 - 我知道它，但很少使用它......

只有您自己网站的访问者才能告诉您液体布局是否仍然与您的网站相关。

使用 YUI-CSS 和 Google Website Optimizer 等框架，可以很容易地了解访问者的偏好并搁置意见，而依赖冰冷的硬结果。

不过，液体布局可能会导致可用性问题。

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

许多博客专门出于这个原因而具有固定宽度的内容容器。

或者，您可以创建多列内容容器，这样您就可以获得像报纸一样的效果，其中包含多列薄文本容器。但这可能很难做到。

许可以下： CC-BY-SA 和归因

液体布局仍然相关吗？