Ie11 не применяет стиль медиа-запросов

IE11 игнорирует мои медиа-запросы и всегда пользуется мобильным css.Ie11 не применяет стиль медиа-запросов

Странно то, что если я изменю ширину браузера, даже на 1-2 пикселя, браузер отобразит себя, а медиа-запросы будут показаны.

Я попробовал css lint, и у меня нет ошибок в моем CSS.

У меня нет ничего особенного в моем css. просто css, как это:

.div_example{ 
    width: 100px; 
} 

@media (min-width: 768px){ 
    .div_example{ 
    width: 300px; 
    } 
}

Неужели кто-нибудь столкнулся с этой проблемой?

2017-01-08 Moran Gil

изменить '@media (min-width: 768px)' to '@media all и (min-width: 768px)' или '@media только экран и (min-width: 768px)' – bulldozer

спасибо. но я забыл упомянуть в своем вопросе, что я тоже пробовал @media, и это не сработало. –

Не работает только IE11? – bulldozer

Вы должны определить типы экрана, например ..

2017-01-08 19:32:24 vicgoyso

Всегда использовать мобильные стили, потому что вы используете:

@media (min-width: 768px)

Это условие будет справедливо, если ваша ширина окна более чем 768px, попробуйте следующее:

@media (max-width: 768px)

Styl внутри этого медиа-запроса будет применяться, когда ширина окна меньше 768 пикселей, и, вероятно, это то, чего вы хотите достичь.

2017-01-08 19:56:49

ответ