Chrome“ em”字体大小错误

Question

使用视网膜修复了Chrome中一个奇怪的字体大小错误。

如果父级.a的大小为font-size: 1px，子级.b的大小为width: 50em，那么我们期望.b的实际大小为50px ：

.a {
  font-size: 1px;
}

.b {
  width: 50em;
  height: 50em;
  border-radius: 10em;
  background: cyan;
}

<div class="a">
  <div class="b">
  </div>
</div>

它在Safari，Firefox和直到最近的Chrome中都运行良好。
但是在当前版本的Chrome浏览器中，.b的宽度为300px。

Here's fiddle。

我们注意到.a的字体大小是6px而不是1px。
显然，这是问题的原因。

有什么解决办法吗？

macOS 10.14.3（视网膜）
铬75.0.3770.100