html - 纠正浏览器缩放

在设计网站时，网站在所有显示器和浏览器上看起来都合适。但是，当转向 HDPI 显示(高于 1920x1080 的分辨率)时，chrome 和 Firefox 默认缩放内容。这使得在 Microsoft Edge 上看起来正确的文本非常大。我可以更改我的浏览器设置，但不是每个人都会。

我想知道如何正确缩放文本并在 HDPI 显示器上显示正确的大小。

最佳答案

使用媒体查询

@media screen and (max-device-width : 1080px)
    {
      body or yourdiv element
      {
        font:<size>px/em/cm;
      }
    }

此链接也可能有帮助。 Optimize for Displays

关于html - 纠正浏览器缩放，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/44409540/