Медиа-запросы вообще не работают

Я пытаюсь настроить свой мобильный блог wp на мобильный, и по этой причине я хочу работать со средствами массовой информации в CSS. Однако это не работает вообще. В качестве доказательства концепции я просто хочу изменить цвет на красный, но ничего не меняется, когда я минимизирую окно. Проверьте мои фрагменты кода. Я был бы признателен :)Медиа-запросы вообще не работают

Первая часть:

*/Conditional CSS*/ 
 

 
@media screen and(max-width : 900px) { 
 
    body { 
 
     color: red; 
 
    } 
 
}

<!DOCTYPE html> 
 
<html lang="en-US"> 
 
\t <head> 
 
<meta charset=="UTF-8"> 
 
\t \t <meta name="viewport" content="width=device-width, initial-scale=1.0,  
 
     maximum-scale=1.0, user-scalable=no"/> 
 
\t \t 
 
<!-- css -->

Пожалуйста, обратите внимание, что CSS находится в главном файле CSS и в самом конце кода. В настоящий момент я действительно отчаянный.

Thx за вашу помощь :)

источник

2015-12-13 Nils Side

Попробуйте это:

@media (max-width : 900px) { 
body { 
    color: red; 
} 
}

Если это не сработает, попробуйте это вместо:

@media (max-width : 900px) { 
body { 
    color: red!important; 
} 
}

источник

2015-12-14 01:31:54

Привет Андре, я пытался добавить важный тег, но ничего не меняется. –

Медиа-запросы вообще не работают

ответ

Смежные вопросы