Форум Сайтостроение Веб-строительство

Шапка мобильной версии сайта

Duo7gfkg
На сайте с 13.09.2012
Offline
75
Duo7gfkg
1196

День добрый.

Есть html лендинг. В его шапке находилась текстура обычная и все было ок. Сейчас мы обновили шапку, так, что в левой ее части появился объект. Так вот: на обычной версии сайта все ок, а вот на мобильной (проверяли на айфоне, айпаде) этот объект торчит слева на 1/3 часть. Хотелось бы, что его вообще не было. Этот объект литой с шапкой, т.е. включен в сам дизайн, убрать его из кода невозможно.

Собственно сам вопрос в том, как мне привязать к мобильной версии сайта другой бэкграунд.

шапка прописана так:

body {
background: #121418 url(../img/background-11.jpg) 50% 0;
background-repeat:no-repeat;}
G
На сайте с 16.02.2011
Offline
42
glukon
#1

CSS3 media queries

..

Пример - 


@media (min-width: 320px) and (max-width: 768px) and (orientation:landscape){

 	body {

 	background: #121418 url(../img/mobile_background.jpg) 50% 0;

  	background-repeat:no-repeat;}

}
Duo7gfkg
На сайте с 13.09.2012
Offline
75
Duo7gfkg
#2

спасибо, попробую

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий