1

因此,我最近开始调整 rems 中的字体大小,以避免使用 ems 导致的后代问题,例如嵌套 li's。

所以我将我的 html 字体大小调整为 62.5%,所以我可以做 p {font-size 2.5rem} /* 25px */

当我想更改某个元素的字体大小时,问题就出现了,通常我只是给说一个文本块的父级,大小为 0.8em,以使事情变得更小。但由于 rems 是相对于 html 元素的,我不能只写 say .parent {font-size 0.8rem},因为它不会影响其中的任何内容。

我也对如何使用媒体查询调整大小感到困惑。我是否再次写出所有选择器,或者我只是给我的 html 一个小于 62.5% 的字体大小以使字体在更小的屏幕尺寸下更小?

几天来我一直在阅读有关字体大小的信息,我很想得到一个关于什么是最佳实践的明确答案。

4

1 回答 1

2

老实说,我认为使用 62.5% 会导致不好的做法,这就是为什么您现在会感到困惑(阅读以下内容:http ://csswizardry.com/2011/05/font-sizing- with-rem-could-be-avoided/)。我建议在使用 100% 的字体大小时学习如何进行数学运算。然后您只需按照您所说的进行操作,只需减小较小屏幕的根字体大小(这样会更有意义)。

例如,如果您使用 100% (16px) 的根字体大小,并且想要 20 像素的字体大小,请使用以下公式:

font-size = target / context

所以在这种情况下,你会做20 / 16which给你1.25rem

此外,当您想更改特定元素的字体大小时,最好直接更改该元素,而不是更改父元素。这样,当您或其他人正在寻找字体大小时,它就在一个有意义的地方!

此外,如果您希望字体大小嵌套,您仍然可以rem混合em

于 2012-12-13T02:50:24.327 回答