картинка на весь экран



Автор Serg Spoke задал вопрос в разделе Другие языки и технологии

как на сайте сделать изображение на весь экран? Реально на весь экран (любого монитора)? и получил лучший ответ

Ответ от Александр Ермилов[гуру]
1) Сброс стилей по умолчанию спасет. В CSS:
* { padding:0; margin:0; }
В данном случае, если "один тег" - это div, то достаточно сбросить отступы для body
2) Растянуть фоновое изображение можно при помощи CSS - не работает в старых браузерах, включая IE8
Как сделать кроссбраузерно на CSS:
Способы для img - ссылка
2.1) - Качество ухудшаться будет при любом изменении размеров (масштабировании). Против этого есть только одно средство - векторная графика. Но кроссбраузерная реализация сложновата (библиотеки нужно знать) и не всегда приемлема по объему инфы.
2.2) - Мониторы не только разных размеров (вернее, тут речь о разрешении) бывают, но и разных пропорций. Так что делать под любой размер - бессмысленно. Большинство - 16:9 по пропорциям. Среднее разрешение - около 1440 по ширине.
Многие JS слайдеры и галереи умеют растягивать картинку на экран начиная с Lightbox и клонов типа Fancybox, и заканчивая слайдерами

Ответ от Мертвец[гуру]
Если поставить любую картинку как фон то она будет отображаться в масштабе 1:1 и с этим не чего не поделать.
Можно выбрать картинку не большого размера которая при теражировании не будет выглядить уродски.
Можно выбрать картинку большого размера и поставить факсированое позиционировани. Тогда при прокрутке страници в низ она будет остоваться на месте.

Ответ от 22 ответа[гуру]
Привет! Вот подборка тем с похожими вопросами и ответами на Ваш вопрос: как на сайте сделать изображение на весь экран? Реально на весь экран (любого монитора)?
 

Ответить на вопрос:

Имя*

E-mail:*

Текст ответа:*
Проверочный код(введите 22):*