0

emレスポンシブ デザインにユニットを使用する方法を理解しようとしています。これらのページから私が理解したのemは、相対的な単位です。本文のフォント サイズを定義すると、1em に等しくなります。しかし、私はまだ混乱しています:

  1. em私のレスポンシブデザインでの使用方法、つまり、ユニットページを使用すると%、それに応じて幅が調整さemれます。同じことをどのように使用できますか。

  2. どれが良い%かem。

実際、em を使用してページを完全にレスポンシブにする方法がわかりません。いくつかのリンクや小さなデモで私を助けていただければ幸いです.

4

1 に答える 1

1

em をメディア クエリと組み合わせて使用​​すると、画面サイズに基づいてフォント サイズを設定できます。

本文のフォント サイズが設定されていて、480 ピクセルのモバイル デバイス用に小さいテキストが必要であるとします。css の最後に次のように追加します。

@media only screen and (max-width: 480px) {

   p { font-size: .7em; }

}

ここでメディアクエリをチェックしてください！

于 2014-02-09T09:18:11.360 に答える