@Kirill-Gorelov
С ума с IT

Картинка во всю ширину экрана без пробелов?

Парни, поступила не легкая задача, по крайней мере для меня.
Нужно, то бы картинка 1600*1300 растягивалась по всему экрану монитора.
Легко:
body {
    background: url(images/sun2.png) no-repeat;
    -moz-background-size: 100%; /* Firefox 3.6+ */
    -webkit-background-size: 100%; /* Safari 3.1+ и Chrome 4.0+ */
    -o-background-size: 100%; /* Opera 9.6+ */
    background-size: 100%; /* Современные браузеры */
   }


Но когда экран становится мобильным или начинает сужаться, внизу получаются пробелы, можно от них как-то избавиться?
Скорее всего можно, но картинка будет растягиваться и будет плохого качества.
Есть картинка и под мобильные устройства. Но как заставить эти картинки менять без белых краев по бокам и плавную смену, пока не могу сообразить.
Подкинете пару идей как это сделать?
  • Вопрос задан
  • 570 просмотров
Пригласить эксперта
Ответы на вопрос 1
Stalker_RED
@Stalker_RED
background-size: cover Изображение покрывает всё, пропорции не искажаются, но лишние куски обрезаются.
Пример: jsfiddle.net/1n4dc6sk/embedded/result,css

Чтобы подключить особую картинку для мобильников используйте медиа запросы.
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы