CSS: масштабирование элемента
уменьшаем и увеличиваем размеры элементы с помощью CSS
Нередко во время верстки страниц возникает необходимость масштабировать элемент для комфортного просмотра на различных устройствах. В одних случаях элемент должен быть меньше исходного размера, в других - больше.
Для быстрого масштабирования элемента отлично подходит CSS-свойство zoom.
В том случае, ели значение свойства zoom будет меньше 1, элемент уменьшится.
Например, чтобы уменьшить элемент в 2 раза, нужно выбрать значение 0.5:
div {
zoom: 0.5;
}
Для того, чтобы элемент увеличился, значение zoom должно быть больше 1.
Например, чтобы увеличить элемент в 2 раза, нужно выбрать значение 2.0:
div {
zoom: 2;
}
Спасибо за внимание.
