HTML / CSS: согласование ширины в разных разрешениях

Question

У меня есть несколько квадратов размером 15 пикселей на странице. Их абсолютный размер зависит от разрешения экрана - поэтому при очень больших разрешениях они выглядят намного меньше, чем я хочу.

Как определить ширину в CSS, чтобы убедиться, что они более или менее пропорциональны во всех разных разрешениях?

Answer 1

Вы можете использовать проценты.

  width:20%

таким образом, ширина - это процент от размера экрана независимо от разрешения.

Answer 2

Читать о CSS Units . Вам необходимо использовать относительную единицу измерения, например: em или ex. Процент - это всегда хороший способ, но иногда трудно «привязать» его к размеру шрифта.