CSS样式-百分比vs em vs px？ [关闭]

Question

在网上阅读了几篇文章后，我对何时使用percent、em 或px 表示div´s、input´s、font´s、buttons 等感到有些困惑。 ..

对于我正在开发的网站，我们不想添加响应式设计，根据我从不同文章中的理解，而不是百分比是 elements 和 div´s 的方式。但是我感到困惑，因为我认为即使我使用px 进行布局，我也应该能够获得响应式设计，而不是根据设备/屏幕分辨率在px 中设置不同的宽度、高度......？

对于何时使用什么有最佳实践吗？不仅适用于字体大小，还适用于div´s 和其他元素？

Answer 1

使用 em 的主要优点是它的实际大小取决于用户的设置，即默认字体的大小。所以喜欢大字体的用户会增加这个值。百分比创建一种静态布局，即使它的大小灵活，结合最小和最大高度/宽度，这可以带来安静的好结果。如果你想有一个灵活的列布局，那么只有一个小屏幕，两个大屏幕和三个最大屏幕，你还必须使用结合（最小/最大）宽度/高度的浮动。

一般来说，我不会从质疑最好的单元开始，而且我会开始一个关于布局应该如何工作的基本概念。有时事实证明，对整个布局使用 javascript 是最快和最可靠的解决方案，但是，使用的单元取决于您的特殊目标，并且对于这个问题通常不存在“这是最好的解决方案”，即是什么状态。

你好..

Answer 2

据我所知，%、em、px、pt 中的 length 值只是在 CSS 布局中完成工作所必须采用的不同措施。完全没有使用它们的规则。

事实是，很难告诉您如何处理它们，因为很难说出您要在每个布局中实现什么。 布局关乎创造力，你不能只用一种方法来适应所有这些。

我能做的就是告诉你一些基础知识，但你可能已经知道了：你会有一些绝对值（cm、mm、in、pt 、pc、px）和一些相对值（基于文本：em、ex、ch、rem；基于视口：vw、vh ，vmin，vmax)。相对度量随着它们“基础”的变化而变化。

我个人发现自己使用了很多常见的、绝对的。但我们永远无法说出你想要达到的目标。因此，拥有official documentation 是一件好事，这样您就总能找到应对每个布局挑战的最佳方法。

好运！