css - IE 中的自适应设计

Question

我正在制作我的应用的自适应设计版本。而且我在使用 IE 时遇到问题(令人惊讶的是，不是吗？=)我有以下样式代码:

@media screen and (max-width: 1200px) {
    .flex-string{
         flex-wrap:wrap;
         flex-direction:column-reverse;
    }
    .flex-string > div{
         width:100%;
    }
}

此代码在所有浏览器中运行良好，但在 IE 11 中，应用程序始终呈现为页面宽度小于 1200 像素；当我打开开发人员控制台或调整窗口大小时，会发生重新渲染。有人知道如何解决这个问题吗？

Answer 1

确保 Internet Explorer 中的“缩放级别”设置为 100%。