使用 em 的主要优点是它的实际大小取决于用户的设置，即默认字体的大小。所以喜欢大字体的用户会增加这个值。百分比创建一种静态布局，即使它的大小灵活，结合最小和最大高度/宽度，这可以带来安静的好结果。如果你想有一个灵活的列布局，那么只有一个小屏幕，两个在大屏幕上，最多三个，你还必须使用结合了（最小/最大）宽度/高度的浮动。
一般来说，我不会从质疑最好的单元开始，而且我会开始一个关于布局应该如何工作的基本概念。有时事实证明，对整个 Layout 使用 javascript 是最快和最可靠的解决方案，但是，使用的单元取决于您的特殊目标，并且对于这个问题通常不存在“这是最好的解决方案”，即是什么状态。
问候..
据我所知，, , ,中的length值只是您在 CSS 布局中完成工作所必须应用的不同度量。完全没有使用它们的规则。%empxpt
事实是，很难告诉你你必须用它们做什么，因为很难告诉你在每个布局中要实现什么。布局是关于创造力的，你不能只是固定一种方法来适应所有这些。
我能做的是告诉你基础知识，但你可能已经知道了：你会有一些绝对值（cm, mm, in, pt, pc, px）和一些相对值（基于文本的：em, ex, ch, rem; 基于视口的: vw, vh, vmin, vmax） . 相对度量随着它们“基础”的变化而变化。
我个人发现自己使用了很多常见的、绝对的。但我们永远无法说出你想要达到的目标。所以手头有官方文档是很好的，这样你总能找到应对每个布局挑战的最佳方法。
运气！