1

そこで、最近、ネストされたliのように、emsを使用することで発生する子孫の問題を回避するために、remsでフォントのサイズを変更するようになりました。

そこで、html font-sizeのサイズを62.5%に設定して、p {font-size 2.5rem} / * 25px*/を実行できるようにしました。

この問題は、特定の要素のフォントサイズを変更したい場合に発生します。通常は、テキストのブロックの親に0.8emのサイズを指定して、少し小さくします。ただし、レムはhtml要素に関連しているため、.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% (16 ピクセル) のルート フォント サイズで作業していて、20 ピクセルのフォント サイズが必要な場合は、次の式を使用します。

font-size = target / context

したがって、この場合、あなたは20 / 16を与えることになります1.25rem

また、特定の要素の font-size を変更したい場合、ほとんどの場合、その要素を親ではなく直接変更する方が適切です。そうすれば、あなたや他の誰かがフォントサイズを探しているとき、それは理にかなった場所にあります!

また、フォントサイズを入れ子にしたい場合は、混在remさせることもできます。em

于 2012-12-13T02:50:24.327 に答える