css 屏蔽浏览器设置字号

在 Web 开发中，我们经常需要使用 CSS 来控制网页的样式。但是，有时候我们会遇到一些浏览器默认的样式，比如浏览器默认的字号大小。虽然这些默认样式不会造成问题，但有时候我们希望自定义我们需要的样式，这时候就需要使用一些技巧来屏蔽浏览器默认样式。

其中，屏蔽浏览器设置字号的方法是比较常用的一个方法。因为在不同的浏览器中，字号大小的默认设置可能会有所不同，如果不屏蔽掉这些默认设置，就会造成网页显示效果不统一的问题。

html,body {
      font-size: 16px;
}
p {
      font-size: 1rem;
}
    

以上的代码中，我们设置了默认的 html 和 body 的字号为 16 像素，然后我们使用了 rem 单位来定义 p 标签的字号大小。这样做的好处是，我们可以通过改变 html 和 body 的字号来同时改变整个页面的字号大小，而不需要逐个修改每个元素的字号。

这样做还有一个好处，就是可以屏蔽浏览器默认的字号设置。因为浏览器默认的字号大小可能会不同，导致网页显示效果不一致。但是如果我们使用了 rem 单位，就可以把字号大小控制在一个范围内，让整个网页的显示效果更加统一。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！