如何防止html / css上的文本大小增加

时间:2011-04-18 14:46:16

标签: html css font-size

这个网站看起来非常好,虽然已经设法阻止用户通过浏览器设施增加/减少字体大小。

  

http://simplegeo.com/

如果您检查浏览器上的仅缩放文字选项并尝试放大或缩小(通常为⌘+ /⌘-或ctrl + / ctrl - )您可以看到字体大小没有变化。

我如何复制相同的效果?

我认为这样可以防止菜单中的项目或纯粹基于布局的元素,并且只会影响主文本。

2 个答案:

答案 0 :(得分:9)

从查看他们的CSS,可能是这行代码:-webkit-text-size-adjust:none;如果是这样,它只能在有限数量的浏览器中使用,而不是在任何地方。

但是,没有太多理由阻止用户调整文本大小。是的,它可能会导致设计出现问题,但您也可以认为设计应该足够灵活,以应对字体大小的变化。

喜剧选项:用图片替换所有文字。

答案 1 :(得分:5)

使用以下CSS代码。

<style type="text/css">
-webkit-text-size-adjust:none;
-ms-text-size-adjust:none;
-moz-text-size-adjust:none;
text-size-adjust:none;
</style>