HTMLコンテンツの幅/高さの表示/ HTMLコンテンツの割合

Question

ピクセル/百分率でのHTMLコンテンツの幅/高さの正確な違いは何ですか？

どちらも同じですか？

これらはブラウザとの互換性の役割を果たしますか？

異なる場合は、どちらが最適ですか？

Answer 1

これらは異なっています。ピクセルを使用すると、その絶対値はブラウザのウィンドウサイズに関係なくレンダリングされます。またパーセンテージはブラウザのウィンドウサイズに対してレンダリングされる相対的な測定値です。いくつかの要素を常に固定サイズで表示する場合は、ピクセルを使用し、そうでない場合はパーセンテージを使用します。親要素への流体

私はこの事に関連したブラウザ間で異なる外観を発見したことがありません：固定サイズ割合で

：ピクセルで

Answer 2

。 最高ある

、は、あなたがそれ固定サイズまたは流体を作りたいかどうか...あなたの必要性にを依存しています。

Answer 3

IEでは、ズーム機能を使用すると違いがあります。

はCtrlキーをヒット+「+」キーまたはCTRL +「 - 」とあなたはすべてのピクセルである場合、彼らはしている場合一方で、それは空のスペースを作成し、あなたの要素は文句を言わない展開し、すべてが拡大表示されますパーセンテージで、彼らは拡大するでしょう。

div/containerのいずれかの高さ/幅が絶対値{pixels}に設定されている場合、すべての子要素は自動的に固定になります。

違いは、フォントにpxの代わりにemを使用した場合と同じです。