2
私は新しいプロジェクトを開始し、emを使用することを検討しています。pxの代わりにemを使用する場合のベストプラクティス
pxの代わりにemを使用してスケーラブルなレイアウトを作成する場合のベストプラクティスは何ですか？
私もここで始めることができ、流体グリッド上の素晴らしい記事だ
A
答えて
1
それに任意のこのアプローチの落とし穴と可能な解決策を歓迎：
1
は、私が知っている最高のトリックbodyのテキストサイズを62.5%に設定することです。この方法で使用するemの値は、pxのサイズに直接相関します。例えば1.2em = 12px
これは、あなたが相対的に動作するようにいくつかの数学を行う必要があります。その場合には、すでにそのサイズのセットを持っていたすべての親を、持っていない上emサイズを設定している要素を想定し、もちろんですサイズ。
+0
正確には万能薬ではありませんが、より良いアプローチは、 'body'テキストサイズを' 10px'に設定することです。 http://css-tricks.com/forums/discussion/1230/the-problem-with-bodyfont-size62.5-and-ems/p1 – m33lky
0
「レスポンシブウェブデザイン」という本をチェックアウトすることができます。レイアウト、タイプ、イメージにEMと％sを使用する場合のベストプラクティスはいくつかあります：http://www.abookapart.com/products/responsive-web-design
[pxの代わりになる理由]（http://stackoverflow.com/questions/609517）/why-em-instead-of-px） – BoltClock
私はこれをgoogleで検索し、この質問を見つけ、* gasp *を閉じました。あまりにも悪いので、役に立つ質問には敵対的です。とにかく+1。 – Nick