javascript - 固定大小的文本(覆盖浏览器缩放功能)

Question

我正在尝试为文本元素设置固定大小，这样当用户使用浏览器内置的缩放功能(ctrl 和 +)放大时它不会变大

我试过

-webkit-text-size-adjust: none;
-ms-text-size-adjust: none;
-moz-text-size-adjust: none;
text-size-adjust: 100%;

但我没有运气。

我怎样才能做到这一点？

Answer 1

两条评论说这是不可能的都是错误的。您可以使用视口(viewport)阻止这种情况，例如:

https://css-tricks.com/examples/ViewportTypography/

h1 {
  font-size: 5.9vw;
}
h2 {
  font-size: 3.0vh;
}
p {
  font-size: 2vmin;
}

顺便说一句，我不推荐这种方法。我认为您在这里的某个地方迷路了，这不是响应式设计。

请注意 vh、vw 和 vmin 的兼容性问题:

http://caniuse.com/#search=vh