Question

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

我正在使用Twitter Boostrap v2.3.1。

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

＆＃13;

@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;
}

＆＃13;

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;
    }
}

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

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

1 个答案: