フォントサイズ : 100%_html/css_WEB-ITnose

1. font-size: 100% は 16 ピクセルを意味しますか?

2. 流体レイアウトを使用する場合、すべてのピクセルを em に変換する必要がありますか?

ディスカッションへの返信 (解決策)

1. font-size: 100% は 16 ピクセルを表しますか?どうですか？

2. 流体レイアウトを使用する場合、すべてのピクセルを em に変換する必要がありますか?

1. em は、ユーザーがカスタマイズしない場合、ブラウザのデフォルトのフォント サイズを指しますが、多くのブラウザでは 16 ピクセルに設定されます。彼はいつでもそれをカスタマイズすることを許可されていません。

2. 流動的なレイアウトは、比較的変わらない比率を維持しながら、画面サイズの変化に適応するには px よりも em の方が優れているということです。もう 1 つのアイデアは、レスポンシブ レイアウトにパーセンテージを使用することです。もちろん、em とパーセントを混合することもできます。

3.もう 1 つの新しい観点は、WebKit カーネルのズーム機能により、ユーザーがいつでもパーセンテージを直接使用するだけでズーム機能を変更できることです。

面倒な場合は、既成のフレームワークを使用することもできます。レスポンシブデザインに関する本を読むことをお勧めします。

em は Webkit ブラウザをサポートしていません。
一部のブラウザーでは % の解釈が異なります。たとえば、IE ブラウザーの一部のバージョンでは、パーセンテージ (値は親オブジェクトのフォント サイズのパーセンテージ) にネストの問題があります。http://msdn を参照してください。 Microsoft .com/en-us/library/ie/ms530759(v=vs.85).aspx

流動的なレイアウトの場合は、xx-small、x-small、small、medium、large、x-large を使用することをお勧めします。 、xx-大メモ。

rem を使用します。使い方は em と同じです。グローバル サポート