Не отражает изменения в мобильной версии /* CSS Mobile */ урок 60

0

в HTML как путняя написала

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<div class="header"> все есть, в CSS 

.header{
background-color:darkslateblue;
height: 177px;
font-size: 0.8em;
margin-left: 0px;
margin-right: 0px;
min-width: 900px;
}

все робит исправно, а вот

/* CSS Mobile */

@media only screen
and (min-device-width : 320px)
and (max-device-width : 568px) {

.header {
background-color: #aeb002;
}

}

А в просмотре мобильной версии все без изменений..И вроде ничего сложного..и в разных браузерах пробовала..но "не фурычит"! =)

html
css

2 ответов

1

У меня тоже такое было :) 4 часа искала решение, потом нашла незакрытый тэг. 

2

Нашла ошибку! Не была закрыта скобка в  css в стиле .footer {...

Капеееец.. как так? У меня не менялся стиль в header, хотя ошибка была в стиле footer... Ваще мозг набекрень... 

Sign up or Log in to write an answer