Чтобы растянуть картинку на всю ширину или высоту блока, вы можете использовать свойство «width» или «height» с значением «100%». Вот несколько примеров:
- Растянуть картинку на всю ширину блока:
img {
width: 100%;
}- Растянуть картинку на всю высоту блока:
img {
height: 100%;
}- Растянуть картинку на всю ширину и высоту блока:
img {
width: 100%;
height: 100%;
}Однако, если вы растягиваете изображение сильно, то качество изображения может снижаться. Чтобы сохранить пропорции, лучше использовать значение «auto» для одного из свойств (обычно это будет свойство «height»), например:
img {
width: 100%;
height: auto;
}Важно помнить, что растяжение изображения может изменять оригинальные пропорции изображения и приводить к потере качества. Поэтому, лучше всего использовать изображения с разрешением, соответствующим размеру контейнера.
