什么是使布局可扩展的最佳实践？

Question

流体与液体与弹性与灵活的CSS布局有什么技术区别？

这些技术上都相同或不同？

对于手机用户和计算机用户来说流体布局是否更好？

我认为只有两个属性可以使流体布局“em”和“％”。

即使在固定宽度的布局中，我们也已经使用“em”作为字体。我们需要做些什么来使网站更灵活？哪一部分应该灵活，哪一部分会更好？或者我们应该让整个事情变得灵活？

Answer 1

我建议你阅读一些关于这个问题的文章。粉碎杂志有一个很棒的文章，看到which one is right for you。他们对这些布局的一些定义，我相信他们是非常精确：

修正：

一个固定的网站布局有一个包装 这是一个固定的宽度， 成分里面有或者是 百分比宽度或固定宽度。 重要的是容器 （包装）元素被设置为不移动。 不管屏幕分辨率为 ，他或她都会看到与其他访客相同宽度的 。

流体：

在流体网站的布局，也 被称为液体布局， 大部分部件内部有 百分比宽度，从而调节到 用户的屏幕分辨率。

弹性：

与网页布局工作 时还有第三个选项。 设计有时会被 设计师优先使用，因为它将两个 其他主要布局类型混合在一起。它的作品通过 使用em的大小来确定所有元素。下面的报价清楚地说明了什么是 em以及它为什么会有益。

文章中的优缺点也非常简洁，有例子和进一步的研究。

如果您选择使用“流体”布局，请阅读their article about the subject as well。

Answer 2

他们几乎都是一样的。如果你想变得非常挑剔，我想你可以说弹性具有最大宽度，而流体可以继续增加宽度，只要窗口变宽。但一般来说，它们是可互换的。