css - 为什么 IE11 会随机执行不合适的媒体查询？

Question

我的网站在 IE11 上随机显示不佳，因为它执行宽度小于 767px 的媒体查询，而窗口的宽度大于 767px。但是，此问题是随机发生的，当调试窗口打开时它永远不会发生。

我正在使用 Twitter Boostrap v2.3.1。

这是执行的导致网页显示不佳的规则之一:

@media all and (max-width:767px)
[class*='span'], [class*='span'].uneditable-input, .row-fluid [class*='span'] {
    display: block;
    float: none;
    width: 100%;
    margin-left: 0px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

Answer 1

您的代码段不应该是:

@media all and (max-width:767px) {
    [class*='span'], [class*='span'].uneditable-input, .row-fluid [class*='span'] {
        display: block;
        float: none;
        width: 100%;
        margin-left: 0px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
}

试试吧。看起来好像您将媒体查询规则与选择器混合在一起了。