液体布局仍然有意义吗?

时间:2020-03-05 18:53:17  来源:igfitidea点击:

现在,大多数主流浏览器都支持全页面缩放(目前,唯一值得注意的例外是Google Chrome),是否不再需要液体或者弹性布局?建设液体/弹性布局的相对痛苦值得努力吗?在任何情况下,采用液体布局仍然会受益吗?整页缩放最初看起来是真正的解决方案吗?

解决方案

回答

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

回答

是的,因为那里有各种各样的屏幕,通常从15英寸到32英寸不等。
人们认为"舒适"的字体大小也有所不同。
所有这些加在一起,内容需要适应的大小范围很大。

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

回答

在CSS中进行全页缩放并不是真正值得的,尤其是因为大多数浏览器现在都可以原生进行这种缩放(并且更好地使用ref [img]标签)。

至于使用固定宽度,这是一个辅助功能...如果增加字体大小,每行显示的字数会减少,这可以帮助某些人阅读。

像以前一样,我们是否曾经阅读过一段非常宽的文本,并且发现我们两次阅读同一行?如果增加行高(通过字体大小获得相同的效果),每行较少的单词,这将不再是问题。

回答

是的,我们不知道阅读器正在使用什么分辨率,或者什么尺寸的屏幕,甚至是否需要/使用辅助功能。如上所述,并不是每个人都知道全屏缩放,但我几乎不使用它。

回答

对对对!因为某些设计师认为用户总是会最大化他们的浏览器而不得不在网站上水平滚动对我来说是一个巨大的烦恼,而且我敢肯定我并不孤单。最重要的是,作为一个视力很差的人,我要说的是,当布局是液体时,全页缩放效果最佳。否则,我们最终将无法在(可见)屏幕上看到导航栏。

回答

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

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

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

回答

弹性布局与缩放无关,它们与环绕功能无关,如果屏幕分辨率较高,则允许用户在屏幕上显示更多信息,而对于分辨率较低的屏幕,仍使内容成为必需。页面缩放无法实现此目的。

回答

从可访问性的角度来看,页面缩放是可怕的。这相当于说"我们[设计人员]不必为正确地设计页面而烦恼,因此拥有更大的字体并水平滚动页面[浏览器开发人员]"。我不敢相信Firefox在Microsoft之后就跳下悬崖,并将其设置为默认值。

回答

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

使用YUI-CSS和Google网站优化器之类的框架,很容易看到访问者喜欢什么并抛弃他们的意见,而是依靠冷酷的结果。

回答

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

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

为此,许多博客都有固定宽度的内容容器。

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