扩展基础时应该使用em / rem还是px？

Question

我正在使用基础5.x构建一个新的Web应用程序，我注意到所有内容似乎都基于rem。以前我会使用px修改填充/边距，但是当使用像测量一致的rem时，似乎用基础构建主题可能会更容易。

任何人都可以确认（根据经验）使用rem / em / px建立主题/编写scss以扩展基础5更好吗？

还应该将rem / em / px用于font-sizes吗？

Answer 1

em与其父级相关，因此这可能会让数学混乱。如果你有一个大小为1.2em的li并在其中嵌入另一个li，它实际上会得到1.2×1.2 = 1.44em的字体大小。

rem不是与其父级相关，而是与documnet的根相关（默认为16px）。但是，请记住IE不支持rem＆lt; 9。

这是一个用于说明这一点的代码：http://codepen.io/edge0703/pen/DijuC

html {font-size: 120%}

.one li {
  font-size: 1.2em;
}

.two li {
  font-size: 1.2rem;
}