如何在Chrome上使用缩放级别制作“em”比例？

Question

在Firefox中，如果我通过点击CTRL +放大，一切都按预期成比例增长。但是，在Chrome上，只有px中指定的测量值会增加。 em中指定的度量值不会增长。我如何让Chrome的缩放行为像Firefox一样？

任一浏览器上的原始缩放级别：

放大Firefox：

放大Chrome：

以下是上面显示的文本的CSS示例。我混合em和px的原因是因为我想缩放结构事物（用em定义）而不缩放美学事物（用px定义）。例如，如果我需要在另一个页面上使用Facebook按钮的大小加倍，我只需将包含元素设置为font-size:2.0em。这将使所有结构尺寸乘以2，同时保持美学尺寸不受影响。

h1 {
    font-size: 2em;
    text-shadow: 0 -1px solid rgba(0,0,0,0.5);
}