媒体查询在IE11中不起作用（解决问题）

Question

我正在CSS中使用媒体查询来缩放我的网页，具体取决于IE11和Chrome的屏幕分辨率。当我在2个不同的屏幕上运行chrome（我用来确定最小宽度）的this webpage时，在小屏幕上显示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

根据browser compatibility文档，IE中不支持-moz-transform。您应该改用transform。您可以尝试像这样修改CSS：

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