測定単位がmax-width CSSプロパティでどのように機能するか説明してください。 1920 x 1080の画面解像度では、最大幅を140emに設定すると最大幅が100%に相当することがわかりました。emを使用した最大幅
2
A
答えて
5
Emは単なる別のユニットです。フォントサイズによって異なります。現在のフォントサイズ(例:14px)= 1em。 2emはフォントサイズ(28px)を2倍にします。
あなたの画面の解像度を見てみましょう:1920/140 = 13,714285714 - 現在のフォントサイズは14pxです。したがって、max-width:140em
の設定は、特別な場合はmax-width:1920px
またはmax-width:100%
のようになります。
2
このサイト(http://pxtoem.com/)は、変換を行い、サイズ
関連する問題
- 1. 最小幅、最大幅のCSS最小幅を使用
- 2. グリッドベースのデザインを使用した最大幅と最小幅の弾性レイアウト
- 3. 幅を定義して最大幅を使用する方法
- 4. jQueryを使った最小幅と最大幅
- 5. ContentDialog最大幅
- 6. 最大バー幅
- 7. sizeToFit(最大幅)
- 8. 最大タブ幅
- 9. WPFリストボックスの幅/最大幅
- 10. 最大幅のcellmeasurerを使用してReact-Virtualized?
- 11. imgのCSSの最大幅は、元のdiv/tableの幅を使用します。
- 12. CSS3:最大幅と最小幅
- 13. 最小幅、最大幅のHTMLフルスクリーンレイアウト
- 14. CSSの最小幅と最大幅?
- 15. JavaFx TableColumnの幅をCSSでem単位を使用して
- 16. jQuery .css()とemを使用して幅を変更する
- 17. htmlタグを使用して、最大幅が固定されたjava、multilineツールチップ
- 18. Facebookの最大幅
- 19. HTML最大ブラウザ幅
- 20. Tumblr Photoset最大幅
- 21. GtkContainer/GtkWidget最大幅
- 22. 最大幅はサファリ
- 23. NatTable最大列幅
- 24. idxmaxを使用した最大値
- 25. 幅、最小幅、最大幅の組み合わせ
- 26. 最大幅のメディアクエリが間違った幅を取る
- 27. メディアクエリを使用したmin-width em
- 28. バイナリツリーの最大幅 - Javaコード
- 29. CSS最大幅(パーセント値)
- 30. 最大クライアント帯域幅
のテーブルを持っているあなたがいるので、あなたはそれが実際に* *お使いのモニターの幅だ、またはそれだけでクリッピングされていることを確認しています実際の幅ではなく、最大幅を設定しますか? –
おそらく、まずemユニット自体を理解する必要があります。 – BoltClock
すばらしいemユニット - http://www.w3.org/WAI/GL/css2em.htm –