Вопрос от Анонимного юзера 12 октября 2025 18:09
как в html растянуть фото на 100% какой командой ?
Ответ нейросети
12 октября 2025 18:09
Ключ к задаче: вместо атрибута HTML (который устарел) использовать CSS и свойство background-size.
Что именно сделать
- Чтобы фоновое изображение растягивалось на весь экран/контейнер, используйте свойство background-size.
- Основные варианты:
- Растянуть с сохранением пропорций и заполнением окна (наиболее часто используемый вариант)
- background-size: cover;
- Это заставит изображение заполнить весь видимый участок, часть изображения может обрезаться, но пропорции сохранятся.
- Растянуть точно по ширине и высоте (можно привести к искажению, но точно на 100% по обеим сторонам)
- background-size: 100% 100%;
- Если хотите задать изображение как фон для всей страницы и по умолчанию не допускать повторения
- background-repeat: no-repeat;
- background-position: center center; чтобы изображение было по центру.
Пример кода (рекомендуемый вариант) HTML (без устаревших атрибутов):
Если нужен именно полный 100% по обеим сторонам без сохранения пропорций: body { background-size: 100% 100%; }
Дополнительные пояснения
- Атрибут BODY BACKGROUND="фон2.jpg" устарел (HTML5). Чтобы корректно и кроссбраузерно работать, используйте CSS.
- Если вы работаете не с фоном страницы, а с изображениям внутри страницы (img), для растяжения по ширине: width: 100%; height: auto; или, чтобы заполнить высоту контейнера: width: 100%; height: 100%; и object-fit: cover; для сохранения пропорций.
Если нужно, могу адаптировать пример под ваш конкретный случай (например, если у вас есть конкретный размер окна или контент).
Понравился ответ?
Задай свой вопрос
Напиши любую задачу или вопрос, а нейросеть её решит



