Нередко во время верстки страниц возникает необходимость масштабировать элемент для комфортного просмотра на различных устройствах. В одних случаях элемент должен быть меньше исходного размера, в других - больше.

Для быстрого масштабирования элемента отлично подходит CSS-свойство zoom.

В том случае, ели значение свойства zoom будет меньше 1, элемент уменьшится.

Например, чтобы уменьшить элемент в 2 раза, нужно выбрать значение 0.5:

div {
  zoom: 0.5;
}

Для того, чтобы элемент увеличился, значение zoom должно быть больше 1.

Например, чтобы увеличить элемент в 2 раза, нужно выбрать значение 2.0:

div {
  zoom: 2;
}

Спасибо за внимание.