Мобильная верстка фона

Приветствую.Нужна помощь с фоном:)
Пример:http://csgo.ml/aza/
Имеем код:
Код:

    margin: 0;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    background-image: url(bc.jpg);

Суть проблемы в том,что если заходить с мобилы то фон не растягивается на весь экран,сама пичка размера 5862x4440,а размер мобильного экрана full hd аля 1920x1080.
Но не которые скажут,убери свойство повторение ,но тогда фон вообще каша становиться.

У меня так отображается.

Во-первых, очень долго грузило
Во-вторых, отличное чем у тс )

Topce, У меня нету продукции apple)
Это Xiaomi

А в чем проблема заключается? Я почитал пару раз и не понял

Я не понял в чем проблема
Какой результат ты хочешь получить?

hacker63, резиновый фон
Юзай Гугл, там есть все это

Ну если резиновый фон то подключай js.

Код:

function heightDetect() {
$(".main_head").css("height", $(window).height());
};
heightDetect();
$(window).resize(function() {
heightDetect();
});

Fred Perry,

AZA, все равно не понятно что тебе нужно нормально же отображается на мобиле
попробуй background-size: 100%;

Суть в том что ты заставил всех видеть изображение в том размере что оно есть, и не зависимо будь то компьютер или телефон (смартфон).
Попроьуйте применть под конкретные разрешения:
@media screen and (max-width: 800px) {
body {width: 95%;}
}
@media screen and (max-width: 768px) {
body {width: 95%;}
}
@media screen and (max-width: 600px) {
body {width: 95%;}
}
@media screen and (max-width: 384px) {
body {width: 95%;}
}
@media screen and (max-width: 360px) {
body {width: 95%;}
}
@media screen and (max-width: 320px) {
body {width: 95%;}
}
а если хотите быть точнее то укажите как сказали в процентах.

это даст 100 процентное соотношение к браузеру
body {
background-image: url(bc.jpg) no-repeat;
background-position-y: 100%;
background-position-x: 100%;
background-size: 100% 100%;
}

ThisIsSparta, Твой вариант
http://rghost.ru/8zqJXf2PS

AZA, Объясните свой вариант а то и мне не понятно.


а вернее суть вашего сообщения.

xavi, Что тут не видно,на самом последнем скрине который я кинул?Фон не хочет растягиваться по высоте,твой код тоже пробовал и сразу заменил на высоту,не помогло.

при чем тут высота, высота зависит от последующих блоков, речь идет о background

AZA, используй min-width: 1000px; в body.
при загрузке с тл и других устройств, будет нормально. попробуй.

Orty_Hart, это я пробовал.Баг есть один.Позже покажу)

AZA,
попробуй так:


суть: растянуть фон на весь экран залив туда фон картинки и растянуть картинку на весь экран.

Orty_Hart, Так же.

AZA, AZA,