Медиа-запросы не работают в IE11 (проблема с разрешением)

Question

Я использую медиазапросы в CSS для масштабирования своей веб-страницы в зависимости от разрешения экрана для IE11 и Chrome. Когда я запускаю эту веб-страницу на Chrome (которую, между прочим, я использую для определения минимальной ширины) на двух разных экранах, я получаю 1366x768 на маленьком экране и 1920x1080 на большом. Когда я запускаю одну и ту же веб-страницу на обоих экранах в IE11, я получаю 1920x1080 для обоих. Это означает, что используемый мной медиазапрос не будет применяться в IE, поскольку его ширина равна 1920. Что я могу сделать, чтобы решить эту проблему?

.sizing{

 }

@media all and (max-width: 1366px) {
  .sizing{
    zoom: 0.65;
    -moz-transform: scale(0.85);
  }
}

Сейчас он масштабируется только в Chrome, но не в IE.

Answer 1

Согласно документации о совместимости браузера , -moz-transform не поддерживается в IE. Вы должны использовать transform вместо этого. Вы можете попробовать изменить CSS следующим образом:

@media all and (max-width: 1366px) {
  .sizing{
    zoom: 0.65;
    transform: scale(0.85);
    -moz-transform: scale(0.85);
  }
}