12

现在大多数主流浏览器都支持整页缩放(目前,唯一值得注意的例外是谷歌浏览器),是否不再需要流动或弹性布局?构建液体/弹性布局的相对痛苦值得付出努力吗?是否存在液体布局仍然有益的情况?整页缩放是最初看起来的真正解决方案吗?

4

10 回答 10

15

是的,因为那里有各种各样的屏幕,通常从 15 英寸到 32 英寸不等。人们认为“舒适”的字体大小也有一些变化。所有这些加起来构成了您的内容需要适应的相当大范围的尺寸。

如果有的话,随着我们扩展到大型显示器并缩小到手机设备,流动布局变得更加必要。

于 2008-09-15T12:22:19.607 回答
7

在 CSS 中进行整页缩放并不值得,尤其是现在大多数浏览器都在本机进行这种缩放(并且做得更好 - ref [img] 标签)。

至于使用固定宽度,还有一个次要的特性……如果你增加字体大小,每行显示的单词会更少,这可以帮助一些人阅读。

例如,您是否曾经阅读过一段非常宽的文本,并且发现您已经阅读了同一行两次?如果增加了行高(尽管字体大小相同),每行的字数减少,这就不成问题了。

于 2008-09-15T12:23:48.917 回答
7

对对对!因为一些设计师认为用户总是最大化他们的浏览器而不得不在网站上水平滚动对我来说是一个巨大的烦恼,我相信我并不孤单。最重要的是,作为一个视力很差的人,让我说当布局是流动的时,整页缩放效果最好。否则,您最终会将导航栏从(可见)屏幕上移开。

于 2008-09-15T12:37:41.283 回答
3

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

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

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

于 2008-09-15T12:40:43.023 回答
3

有弹性的布局与其说是缩放,不如说是换行——如果屏幕分辨率较高,用户可以在屏幕上放置更多信息,同时仍然让分辨率较低的屏幕可以访问内容。页面缩放无法实现这一点。

于 2008-09-15T12:47:43.897 回答
2

我认为仍然需要流式布局,即使浏览器具有此整页缩放功能,我敢打赌很多人不知道或不知道如何使用它。

于 2008-09-15T12:20:14.900 回答
2

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

于 2008-09-15T12:50:38.710 回答
1

是的——你不知道阅读器使用什么分辨率,或者什么尺寸的屏幕——或者即使需要/使用可访问性。如上所述,并不是每个人都知道整页缩放 - 我知道,但几乎不使用它......

于 2008-09-15T12:27:08.563 回答
1

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

使用诸如 YUI-CSS 和 Google 网站优化器之类的框架,很容易看到您的访问者喜欢什么并搁置意见,而是依赖冷硬的结果。

于 2008-09-15T13:34:37.840 回答
0

不过,流动布局可能会导致可用性问题。

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

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

或者,您可以创建多列内容容器,以便获得像报纸一样的效果,其中包含多列细小的文本容器。不过,这可能很难做到。

于 2008-09-17T01:54:33.950 回答