Html 修正浏览器缩放

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

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

使用媒体查询

@媒体屏幕和（最大设备宽度：1080px）
{
body或yourdiv元素
{
字体：px/em/cm；
}
}

这个链接也可能有帮助

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