这个网站看起来非常好,虽然已经设法阻止用户通过浏览器设施增加/减少字体大小。
如果您检查浏览器上的仅缩放文字选项并尝试放大或缩小(通常为⌘+ /⌘-或ctrl + / ctrl - )您可以看到字体大小没有变化。
我如何复制相同的效果?
我认为这样可以防止菜单中的项目或纯粹基于布局的元素,并且只会影响主文本。
答案 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>