1

私が見ているCSSは次のようになります。

header .logo {
    text-align: center;
    line-height: 77px;
    font-size: 4em;
    font-weight: bold;
    font-family: "Segoe UI Web Light", "Segoe UI Light", "Segoe UI Web Regular", "Segoe UI", "Segoe UI Symbol", "Helvetica Neue", Arial;
}

モバイルデバイスに移行した場合にこれが問題になる可能性があるかどうか教えてもらえますか? em サイズの line-height 内に em サイズのフォントを常に含める必要がありますか?

4

3 に答える 3

0 
In theory, the em unit is the new and upcoming standard for font sizes on the web

ここでemを使用することは、特に表示デバイスの範囲がnormal computer screen to a mobile device

EM、PX、PT、%の比較

ここで、線の高さは 77px に固定されていますが、em のサイズは表示デバイスに応じて変化します。

于 2013-10-08T07:03:24.087 に答える
0

em単位は:

それが使用されている要素の 'font-size' プロパティの計算値に等しい。

仕様書にはそう書いてある。

したがって、あなたのケースでは、通常継承されるよりも4font-size倍 ( 4em ) 大きくなり、常に77pxになります。line-height

達成したいことに応じて、どのようにfont-size変更してline-heightも常に同じになるため、通常はアプローチを放棄する必要があります。line-heightemに設定することをお勧めします。
個人的emには、ユニットはめったに使用しません。私はいつも一緒に仕事をするようにしていpxます。レスポンシブデザインを多用しています。

于 2013-10-08T06:56:19.530 に答える