Привет, ребята, я пытаюсь сделать сайт более отзывчивым, используя процент вместо пикселей. Когда я изменил ширину изображения в процентах, я заметил, что это также повлияло на высоту. Может кто-нибудь объяснить мне, почему это?Почему ширина изображения в процентах также влияет на высоту изображения?
Заранее благодарен!
Это просто, изображение всегда пытается сохранить пропорции. Таким образом, если ширина или высота изменится, другой изменится вместе с ней.
Это чистая природа изображений, поскольку в противном случае они выглядели бы размытыми при неправильном изменении размера.
Когда CSS изменяет ширину изображения, он также масштабирует высоту изображения, если высота установлена на auto (начальное значение).
Это делается для того, чтобы сделать его проще, например. поместите баннер фиксированного размера на свой сайт, не зная его размера, но все же не разрушайте его пропорции, потому что, если у вас есть, например, текст или квадраты на изображении, может показаться странным, если изменить размер только в одном направлении.
Если вы хотите только масштабировать его по горизонтали, вы должны указать высоту.
Спасибо за ответ ! – user3261212
Добро пожаловать. Если ответ поможет вам, пожалуйста, подумайте о том, чтобы выжить и/или принять его. – Pietu1998
Благодарим за отзыв! – user3261212
Не забудьте подняться/принять ответ, слева есть стрелки вверх и вниз, где последний имеет нижний предел, под стрелкой вниз есть большая вещь для проверки, нажмите, чтобы принять;) – SidOfc