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

时间:2016-12-09 14:50:53

标签: javascript html css

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

我试过

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

但我没有运气。

我该如何做到这一点?

1 个答案:

答案 0 :(得分:2)

两条评论都指出这是不可能的,这是错误的。 可以使用视口阻止此操作,例如:

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

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

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

另请注意vhvwvmin的兼容性问题:

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