什么是液体布局?

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

我的设计师不断扔掉术语"液体"布局。这是什么意思?

感谢澄清,我一直只是称其为百分比布局,并以为他是在说这些棋子可以移动,而且是流动的

解决方案

回答

"液体"布局是一种站点布局,可随着调整浏览器窗口的大小而扩展以填充整个可用区域。通常,这是使用CSS完成的。液体布局对于某些类型的网站可能会很有帮助,但与固定宽度的布局相比,液体布局的工作量也要大得多,它们的用处取决于站点的内容及其实施的良好程度。

回答

液体布局是指网站的设计概念。由于CSS中具有百分比和相对宽度,因此当我们调整浏览器窗口的大小时,液体布局会移入移出。

回答

从http://www.maxdesign.com.au/presentation/liquid/:

All containers on the page have their
  widths defined in percents - meaning
  that they are completely based on the
  viewport rather than the initial
  containing block. A liquid layout will
  move in and out when you resize your
  browser window.

回答

这只是意味着它将收缩/扩展以填充浏览器的窗口大小(通常为宽度),直到一切做好为止。否则,在大型(24" +)显示器上,文本可能会变得很难阅读。

回答

基本上,它是网页的布局,不依赖于页面元素的特定宽度规范。

参见Wikipedia上的讨论。

回答

这意味着可以动态调整浏览器(或者任何客户端)宽度和高度以有效利用所有可用屏幕空间的布局,而不是(通常)固定宽度的布局,后者必须适合特定的通用分母分辨率时间(例如800x600多年来一直是网站的标准)。

回答

两个之一:

  • 设计将根据浏览器的宽度进行缩放(例如,如果浏览器的宽度为1024px,则设计也将如此)...尽管在设计100px宽度的浏览器时这确实很有趣(有时设计师会设置最小宽度)。
  • 该设计具有固定的宽度,但是使用相对大小...(例如" em" ...)在尺寸中进行设置,因此,随着字体大小的增加,页面的宽度也会增加。

回答

液体布局是CSS布局的一种方法,它以百分比定义所有宽度,因此,当调整视口(浏览器窗口)的大小时,页面的区域将增加/缩小。

如果尝试创建适合大屏幕和小屏幕的网站,它们将非常有用。它们比固定布局要难一些,因为我们要放弃对所有内容在页面中的位置的级别控制,并且我们必须非常注意自己的内容,以确保其不会掉落调整大小时在美学上分开。

我想说液体布局对于具有相当基本的列布局的文本重载站点最有用。我们可能还会发现一种具有"弹性"布局的快乐介质-一种既具有液体区域又具有固定区域的介质。

回答

在真正的Liquid布局中,内容将以有意义,经过计算和智能的方式扩展和收缩以适合用户的浏览器窗口。因此,这不仅仅是将列和容器的宽度设置为百分比。

做得好,这可以导致感知质量的提高。做得不好,这是可用性的噩梦。

变成液体是一个巨大的痛苦。如果我们要为其构建站点的主题/客户/产品对他们而言具有很高的视觉质量(例如,夏季大片电影站点),需要一定的适合度和完成度,或者需要展示,那么痛苦是值得的大块数据。

注意:我将稍后通过指向我的声明的良好示例和引用的链接来对此进行更新

回答

看到这个:
http://www.time-tripper.com/uipatterns/Liquid_Layout