Как изменить размер img CSS

Чтобы изменить размер изображения с помощью CSS, можно использовать свойство width и/или height. Например:

img {
  width: 200px; /* установить ширину в 200 пикселей */
  height: auto; /* сохранить пропорции и автоматически вычислить высоту */
}

Можно также использовать только одно из свойств, например, только width или только height. Если нужно изменить размер изображения в процентах относительно размеров родительского элемента, можно использовать свойство max-width и/или max-height. Например:

img {
  max-width: 100%; /* установить максимальную ширину в 100% от ширины родителя */
  max-height: 50%; /* установить максимальную высоту в 50% от высоты родителя */
}

Также можно использовать свойство transform: scale() для изменения размера изображения с помощью масштабирования. Например:

img {
  transform: scale(0.5); /* уменьшить размер изображения в 2 раза */
}
реклама

Качественный хостинг сайтов

реклама

Получите консультацию нашего маркетолога

Изучит ваш проект, подберет подходящие услуги и тарифы

Получите бесплатный аудит

Наш специалист сделает базовый аудит вашего проекта и предложит персональные предложения.

Закажите услугу Как изменить размер img CSS

Наш специалист свяжется с вами в ближайшее время и уточнит детали