css - 您如何在 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);
}