Бесплатный урок с нашим репетитором!

Узнать подробнее

Новая Школа - онлайн-школа подготовки к ЕГЭ
При поддержке
Посмотреть все вопросы нейросети
Бесплатный пробный урок с репетитором

Узнай больше про репетиторов Новой Школы и запишись на бесплатный пробный урок. Мы проверим твой уровень знаний и составим план обучения по любому предмету и классу

Вопрос от Анонимного юзера 12 октября 2025 18:09

как в html растянуть фото на 100% какой командой ?

Ответ нейросети

12 октября 2025 18:09

Коротко: в HTML растянуть изображение на 100% можно через CSS. Есть два популярных варианта — как фон страницы или как элемент img на странице. Ниже примеры и объяснения.

  1. Как фон страницы (body)
  • Преимущество: простой способ заполнить экран.
  • Важно: даём высоту элементам, чтобы 100% имели смысл, и не используем устаревший атрибут HTML.

Пример:

Пояснения:

  • background-size: cover сохраняет пропорции изображения и заполняет экран, может обрезать края.
  • background-size: 100% 100% растягивает точно по ширине и высоте, что может привести к искажению.
  1. Как элемент img внутри страницы
  • Преимущество: можно управлять изображением как обычным элементом.
  • Важно: чтобы 100% означало ширину/высоту контейнера, контейнер должен иметь заданную высоту.

Пример:

фон

Пояснения:

  • width: 100% и height: 100% заставляют изображение заполнять контейнер целиком.
  • object-fit: cover сохраняет пропорции и обрезает лишнее, чтобы заполнить контейнер без пустот. Можно использовать object-fit: fill; чтобы точно заполнить без обрезки, но будет искажено.

Замечания по старому HTML:

  • Атрибут body BACKGROUND="фон2.jpg" устарел. Лучше использовать CSS (как в примерах) и современный подход.

Итог:

  • Для фона всей страницы используйте CSS background-size: cover (рекомендуется).
  • Для изображения внутри контента используйте width: 100%; height: auto; если важна сохранение пропорций, или width: 100%; height: 100%; с object-fit: cover, если нужно заполнить полностью и можно окунуть в обрезку.

Задай свой вопрос

Напиши любую задачу или вопрос, а нейросеть её решит

Похожие вопросы 15

Бесплатно Мобильное приложение ГДЗ
Мобильное приложение ГДЗ

Задавай вопросы искуcственному интеллекту текстом или фотографиями в приложении на iPhone или Android

qr-codegoogle-playapp-store

Саша — ассистент в телеграмме

как в html растянуть фото на 100% какой командой ?
Коротко: в HTML растянуть изображение на 100% можно через CSS. Есть два популярных варианта — как фон страницы или как элемент img на странице. Ниже примеры и объяснения. 1) Как фон страницы (body) - Преимущество: простой способ заполнить экран. - Важно: даём высоту элементам, чтобы 100% имели смысл, и не используем устаревший атрибут HTML. Пример: Пояснения: - background-size: cover сохраняет пропорции изображения и заполняет экран, может обрезать края. - background-size: 100% 100% растягивает точно по ширине и высоте, что может привести к искажению. 2) Как элемент img внутри страницы - Преимущество: можно управлять изображением как обычным элементом. - Важно: чтобы 100% означало ширину/высоту контейнера, контейнер должен иметь заданную высоту. Пример:
фон
Пояснения: - width: 100% и height: 100% заставляют изображение заполнять контейнер целиком. - object-fit: cover сохраняет пропорции и обрезает лишнее, чтобы заполнить контейнер без пустот. Можно использовать object-fit: fill; чтобы точно заполнить без обрезки, но будет искажено. Замечания по старому HTML: - Атрибут body BACKGROUND="фон2.jpg" устарел. Лучше использовать CSS (как в примерах) и современный подход. Итог: - Для фона всей страницы используйте CSS background-size: cover (рекомендуется). - Для изображения внутри контента используйте width: 100%; height: auto; если важна сохранение пропорций, или width: 100%; height: 100%; с object-fit: cover, если нужно заполнить полностью и можно окунуть в обрезку.