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