Урок 61
Тема : Media queries, тег viewport
Вопрос : не поменялись свойства для мобильных устройств в шапке header ?
/*CSS MOBILE*/
@mebia onli screen
and (min-divice-width :320px)
and (min-divice-width :568px) {
.header {
background-color: #257965;
}
}Нужно писать не @mebia, а @media
:) Я сам такие ошибки делал по началу
onli на only исправил все равно не работает
В HTML вставил
<meta name="viewport" content="width=device-width, initial-scale=1">Два раза min написал, должно быть min max
Изменил но сожалению, не помогло
HTML
<meta name="viewport" content="width=device-width, initial-scale=1.0">CSS
@mebia only screen
and (min-divice-width :320px)
and (max-divice-width :568px) {
.header {
background-color: #257965;
}
}у меня почему то не подсвечивается тег .header в Sublime в CSS
спасибо теперь мне стыдно :)