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

Question

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

http://simplegeo.com/

如果您在浏览器上选中" 仅缩放文本"选项并尝试放大或缩小(通常为⌘+ /⌘-或ctrl +/ctrl-),则可以看到字体大小不会更改.

我怎样才能复制同样的效果？

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

Answer 1

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

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

喜剧选项:用图像替换所有文本.

Answer 2

使用以下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>