如果我将10px字体大小设置为html标记，则rem可以正常使用font-size，但不能正常工作

Question

众所周知，rem被广泛用于实现响应式布局。

但我发现它与font-size和margin的工作方式不同。

首先让我们将font-size:16px设置为html，然后将font-size:2rem; margin:2rem;设置为p。这次工作正常，font-size和margin都计算为32px。

但是，如果我们将font-size:10px设置为html，则font-size已正确计算为20px，但margin计算为24px。

https://codepen.io/anon/pen/peKKZY

操作系统：MacOS Sierra 10.12.2（16C67）
浏览器：Chrome 56.0.2924.87（64位）

我知道Chrome的默认最低font-size为12px。但font-size和margin的工作方式不同，这很奇怪。

我尝试设置-webkit-text-size-adjust: none;，但它不起作用，因为Chrome版本28.0.1500.11 chrome不再支持-webkit-text-size-adjust（更改列表在这里：http://trac.webkit.org/changeset/145168）

如果我们可以将font-size:10px设置为html，那将是完美的，因为设置其他rem值更容易。

有解决方法吗？

Answer 1

您的笔在MacOS Sierra上的Chrome 57.0.2987.110（64位）中运行良好。这肯定是已经解决的Chrome错误。