| |
 66.1 Кб |
|
| | Добрый день,
столкнулся с проблемой верстки сайта для устройств типа iphone.
На сайте http://лидерлогистик.рф реализована верстка с использованием большого фонового изображения. На экранах компьютера все отображается стабильно. Ну устройства как iphone режет фон.
Погуглив вычитал, что есть ограничения по размерам изображений.
Разделил фон на 3 части чтобы размер был не более 2 мегапх.
Но фон все равно режет с правой стороны. Скрин приложил к теме. - http://softtime.ru/forum/files/90316-20131022095811.jpg
Для решения использовал следующий код:
body {
height: 3787px;
background-image: url('images/bg_all.jpg');
background-repeat: no-repeat;
background-position: center top;
background-size: 1440px 3787px;
}
@media screen and (max-device-width: 480px;) {
body {
background-attachment: scroll;
background: url('images/bg_media_1.jpg') center 0 no-repeat,
url('images/bg_media_2.jpg') center 1260px no-repeat,
url('images/bg_media_3.jpg') center 2520px no-repeat;
}
}
|
В связи с чем может быть связана эта проблема? Спасибо. | |
| |
|
