javascript - Firefox 缩放受 Windows 显示设置影响

Question

显然，在最后一次更新中，Firefox 决定考虑 Windows 的显示设置。（参见https://support.mozilla.org/en-US/questions/962990?page=1）因此，如果 windows 的显示设置设置为 Medium (125%)，firefox 将放大而另一个浏览器正常显示网站。

但我想知道的是，开发人员是否有任何选项可以防止这种在 Firefox 中的放大？

Answer 1

使用 Firefox，您可以使用媒体查询来检测缩放级别/分辨率

查看此示例（仅适用于 FF） http://dev.jeffersonscher.com/nozoom.html

@media (max-resolution: 91.95dpi) {
  body {font-size:17.8px;}
}

@media (min-resolution: 100.05dpi) and (max-resolution: 115dpi) {
  body {font-size:14.5px;}
}

@media (min-resolution: 115.05dpi) and (max-resolution: 124dpi) {
  body {font-size:13.2px;}
}

@media (min-resolution: 124.05dpi) and (max-resolution: 138dpi) {
  body {font-size:12px;}
}

@media (min-resolution: 138.05dpi) and (max-resolution: 149dpi) {
  body {font-size:10.6px;}
}

@media (min-resolution: 149.05dpi) {
  body {font-size:9.2px;}
}