html - HTML/CSS: 複数の解像度で幅を統一する

Question

ページにレンダリングされたサイズ 15px のいくつかの正方形があります。それらの絶対サイズは画面の解像度によって異なります。そのため、非常に大きな解像度では、これらは私が望むよりもはるかに小さく見えます。

CSS で幅を定義して、すべての異なる解像度で幅が多かれ少なかれ比例するようにするにはどうすればよいですか?

Answer 1

パーセンテージを使用できます。

  width:20%

この方法では、解像度に関係なく、幅は画面サイズのパーセンテージになります。

Answer 2

CSS ユニットについて読んでください。emやなどの相対単位を使用する必要がありますex。パーセンテージは常に良い方法ですが、フォント サイズに「バインド」するのが難しい場合があります。