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

Css 为什么IE11随机执行不合适的媒体查询?,css,twitter-bootstrap,internet-explorer,media-queries,Css,Twitter Bootstrap,Internet Explorer,Media Queries,我的网站在IE11上随机显示不好,因为它执行的媒体查询宽度小于767px,而windows的宽度大于767px。这个问题是随机发生的,但是,当调试窗口打开时,它永远不会发生 我正在使用Twitter Boostrap v2.3.1 这是导致网页显示错误的规则之一: @媒体和全部(最大宽度:767px) [class*='span'],[class*='span']不可编辑的输入,.row流体[class*='span']{ 显示:块; 浮动:无; 宽度:100%; 左边距:0px; -webk

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

我正在使用Twitter Boostrap v2.3.1

这是导致网页显示错误的规则之一:

@媒体和全部(最大宽度:767px)
[class*='span'],[class*='span']不可编辑的输入,.row流体[class*='span']{
显示:块;
浮动:无;
宽度:100%;
左边距:0px;
-webkit框大小:边框框;
-moz框大小:边框框;
框大小:边框框;

}
如果您的代码片段不是:

@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;
    }
}
试试看。看起来好像您将媒体查询规则与选择器混合在一起