整理浏览器缩放

Question

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

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

Answer 1

使用媒体查询

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

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