Не работает @media правило, когда в DevTool crome выбран device type Desktop, когда выбираю mobile работает
Не могу понять делаю адаптацию сайта в HTML есть тег:
<meta name="viewport" content="width=device-width, initial-scale=1.0">
В файле _media.scss прописываю правило:
@media (max-width: 1200px) {
.header {
width: 1200px;
}
}
Когда в DevTool crome выбран device type Desktop медиа правило не работает, когда выбираю mobile работает
Ответы (1 шт):
Автор решения: 4ReeX
→ Ссылка
идентичная проблема. Поделитесь решением. Head:
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1" />
<meta content="IE=edge" http-equiv="X-UA-Compatible" />
<meta name="format-detection" content="telephone=no" />
<meta name="format-detection" content="address=no" />
<meta name="HandheldFriendly" content="True" />
медазапрос:
@media screen and (min-height: 768px) and (min-width: 1000px) and (orientation: landscape) {}