最近在做网站时遇到一个问题,就是无论我如何设置CSS样式,文字大小总是不会改变。这让我感到很困惑和无奈。p{ fontsize: 16px; } 想必很多小伙伴也遇到过这个问题吧。其实问题出在CSS3...
最近在做网站时遇到一个问题,就是无论我如何设置CSS样式,文字大小总是不会改变。这让我感到很困惑和无奈。
p{
font-size: 16px;
} 想必很多小伙伴也遇到过这个问题吧。其实问题出在CSS3中。
CSS3引入了一种新的字体大小单位——rem,它是相对于根元素(即HTML标签)的字体大小来计算的。而如果在样式中使用了rem单位,而且根元素的字体大小没有进行设置,那么无论你调整样式中的字体大小,都不会生效。
解决这个问题的方法其实很简单,只需要在HTML标签中设置一个字体大小即可:
html{
font-size: 14px;
}
p{
font-size: 1rem;
} 这个样式的意思是:根元素的字体大小为14px,而段落元素的字体大小为1rem。这样就可以顺利地改变文字大小了。
总结一下,如果你遇到了无法改变文字大小的问题,那么你需要检查一下是否使用了rem单位,并在根元素中设置一个字体大小。