2016-05-26 7 views
0

EMを使用してCSSを操作する方法を学習しています。 (私はいつもピクセルを使用するために使用されています)メディアクエリを使用したmin-width em

は、私は次のメディアクエリー

@media screen and (min-width: 50em){ 

} 

を見た私は50emがに対する相対何であるか不思議でしたか?

私はEMについて読んでいたとき、それはエムは、要素のフォントサイズに相対的であることを指定します(2EMは、現在のフォントの2倍の大きさを意味する)

しかし、最小幅で無フォントサイズがありません??私はここで少し混乱しています..どんな助けも本当に感謝します。

+0

これは、http://pxtoem.com/を計算することであなたの頭を助けるかもしれません。これはpx、rem、emを使ってきれいにスケールするための素晴らしい記事です。 https://css-tricks.com/rems-ems/ – Nickfmc

答えて

1

この場合、50emは基本フォントサイズを参照しています(ほとんどのブラウザで)16pxです。これは、ブラウザ内の事前定義されたプリファレンスによって構成することができます。

一部のブラウザは、上記で定義した通りに16px又はベースフォントサイズのパーセンテージであると(remが基づいている)ルートhtml要素を設定しますか。

関連する問題