2011-12-10 19 views
2

私は新しいプロジェクトを開始し、emを使用することを検討しています。pxの代わりにemを使用する場合のベストプラクティス

pxの代わりにemを使用してスケーラブルなレイアウトを作成する場合のベストプラクティスは何ですか?

私もここで始めることができ、流体グリッド上の素晴らしい記事だ

+2

[pxの代わりになる理由](http://stackoverflow.com/questions/609517)/why-em-instead-of-px) – BoltClock

+0

私はこれをgoogleで検索し、この質問を見つけ、* gasp *を閉じました。あまりにも悪いので、役に立つ質問には敵対的です。とにかく+1。 – Nick

答えて

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