更改每个浏览器缩小级别的字体大小答案

【问题标题】：Change font size on each browser zoom out level更改每个浏览器缩小级别的字体大小
【发布时间】：2014-03-17 21:16:23
【问题描述】：

我想更改每个浏览器缩小级别的字体大小，

例如：

@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;
    }
}

以上代码不起作用..

【问题讨论】：

查看stackoverflow.com/questions/7907760/…
0.50 在一个查询中，100 在另一个查询中，对吗？
@MrLister 这只是一个简单的例子！
@user2167382 我以前见过这个.. 不是我的解决方案

标签： html css media-queries font-size

【解决方案1】：

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

【讨论】：