调整rems中的字体大小
所以我最近开始调整大小字体的大小,以避免你使用ems得到的后代问题,比如嵌套li。
所以我已经把我的html字体大小设置为62.5%,所以我可以做p {font-size 2.5rem} / * 25px * /
当我想要改变某个元素的字体大小时,问题就出现了,通常我只是让父母说一个0.8em大小的文本块来使事情变得更小一些。 但由于rems与html元素有关,所以我不能仅仅写出.parent {font-size 0.8rem},因为它不会影响其中的任何内容。
我也很困惑如何调整媒体查询的大小。 我是否再次写出所有选择器,还是只给我的html字体大小小于62.5%,以便在较小的屏幕尺寸下缩小字体大小?
我一直在阅读关于字体大小的几天,我很想得到一个明确的答案,最好的做法是什么。
说实话,我认为使用62.5%会导致不好的练习,这就是为什么你现在正在经历混乱(请阅读以下内容:http://csswizardry.com/2011/05/font-sizing-与-REM-可以-避/)。 我建议学习如何在使用100%的字体大小时进行数学运算。 然后,您只需按照您的说法进行操作即可,只需减小较小屏幕的根字体大小即可(这样做会更有意义)。
例如,如果您使用的是100%(16px)的根字体大小,并且您想要20px的字体大小,请使用以下公式:
font-size = target / context
因此,在这种情况下,你会做20 / 16
,让你1.25rem
。
另外,当你想改变特定元素的字体大小时,你几乎总是更好地直接更改该元素,而不是父级。 这样,当你或者其他人正在寻找字体大小时,它是在一个合理的地方!
另外,如果你想要字体大小嵌套,你仍然可以混合rem
和em
。