使布局可伸缩的最佳实践是什么？

Question

流体与液体与弹性与弹性css布局的技术区别是什么？

从技术上讲，这些都是相同的还是不同的？

是流体布局更适合手机和计算机用户？。

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

我们已经使用"em“作为字体，甚至在固定宽度的布局中。为了使网站变得灵活，我们还需要做什么呢？哪一部分应该是灵活的，哪一部分最好是固定的？还是我们应该让整件事变得灵活？

Answer 1

我建议你读一些关于这个问题的文章。“粉碎”杂志有一篇关于这件事的很棒的文章，要看哪一个适合你。他们对这些布局有一些定义，我相信它们非常准确：

固定： 固定的网站布局有一个固定宽度的包装器，其中的组件有百分比宽度或固定宽度。重要的是容器(包装)元素被设置为不移动。无论访问者的屏幕分辨率如何，他或她都会看到与其他访问者相同的宽度。 流体： 在流体网站布局，也称为液体布局，大多数组件在内部有百分比宽度，从而调整用户的屏幕分辨率。 弹性： 在使用网页布局时，还有第三种选择。弹性设计有时是设计师的首选，因为它混合了另外两种主要的布局类型。它是通过调整所有元素的大小来工作的。下面的引文详细解释了em是什么以及为什么它可能是有益的。

文章的优缺点也非常简洁，并结合实例和进一步的研究。

如果您选择使用"fluidic“布局，请阅读他们关于这个问题的文章也是。

Answer 2

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