如何将我的网页放大到120％，并将字体大小缩放到150％？

Question

在高分辨率下，我的网页中的组件看起来有点小，我想在高分辨率下将我的网页放大到120％，更重要的是，我还需要将所有字体扩展到原来的1.5倍。

我将css设置如下：

{
zoom: 1.2;
}

我将网页缩放到1.2，然后我需要继续将字体大小缩放到5/4，所以最后字体大小将是1.2 * 5/4 = 1.5。

我该怎么做？

如果我为每个文本添加以下样式，我认为它效率低下。

{font-size: 125%;}

那么，有没有什么有效的方法来放大网络中的整个字体大小？

Answer 1

尝试使用

  body
  {
    transform: scale(1.2,1.2);
  }