Ребят, помогите запутался уже с этим CSS, в часности с @media screen.
Есть работающий резиновый бэкграунд.
на Айпаде бэкграунд полностью не видно 
Вычитал про @media в CSS
добавил в CSS следушее, при разрешении 1024px и меньше подгружать background1.jpg
но что то оно не реботает
или я не так что то делаю...
Помогите пожалуйста!
Есть работающий резиновый бэкграунд.
| Код |
|---|
body {
color: #555;
font-family: Arial, Helvetica, sans-serif;
background:#191b27 url(../images/background.jpg); //1440px × 900px
font-size:13px;
line-height: 160%;
height:100%;
background-attachment: fixed;
background-repeat: no-repeat;
background-position: center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
|
Вычитал про @media в CSS
добавил в CSS следушее, при разрешении 1024px и меньше подгружать background1.jpg
| Код |
|---|
@media only screen and (max-device-width: 1024px) {
body { background:#191b27 url(../images/background1.jpg); //720px x 450px
background-attachment: fixed;
background-repeat: no-repeat;
background-position: center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
} |
или я не так что то делаю...
Помогите пожалуйста!
