在每个浏览器上更改字体大小缩小级别

Question

我希望在每个浏览器缩小级别上更改字体大小，

例如：

@media screen and (-webkit-max-device-pixel-ratio: 0.25) {
    div {
        font-size: 10px;
    }
}

@media screen and (-webkit-max-device-pixel-ratio: 0.50) {
    div {
        font-size: 20px;
    }
}

@media screen and (-webkit-max-device-pixel-ratio: 100) {
    div {
        font-size: 50px;
    }
}

以上代码不起作用..

Answer 1

问题是你设置了-webkit-text-size-adjust：none;对于layout.css中的正文。将其更改为-webkit-text-size-adjust：auto;允许缩放字体和页面。