Знатокам css! Нужна помощь!

Пишу дизайн сайта.Но вот беда с компа все нормально отображается,а с телефона кая-то лажа. Что посоветуете?

Код:

body
{
    background: url(img/bg.png) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-color: #61bcce;
}

Спойлер: С компа

[/url][/IMG]

Спойлер: С телефона

Спойлер: Всем спасибо!А вот и правильный ответ как оказалось!

Код:

@media all and (orientation:portrait) {
html{
    height:130%;
}
}

После этого все заработало!

 

У тебя только стиль Body.
Тебе нужно чтобы контент по центру располагался?

 

width: 100%;
height: 100%;
Попробуй. А если хочешь нормально, делай media-запрос на разрешение экрана и подгоняй параметры.
@Media only screen and (max-width : 1200px) {
}
//992px, 768px, 480px, 320px

Можешь использовать сетку bootstrap.

 

С контентом все нормально,проблема с background,c компьютера все нормально,с телефона нет!

 

Медиазапросы ничего не меняют.Пробовал уже!

 

Возможно дело в том, что не был очищен кеш и временные файлы, стили могут подгружаться старые, если на каком то моменте застрял и ничего не меняется, то всё желательно делать в средствах разработчика постепенно, пошагово (в том числе и мобильную версию), а потом уже наработки переносить в файл.