IE 11媒体查询无法正常工作

时间:2014-10-27 11:16:57

标签: css internet-explorer internet-explorer-11

我正在尝试修复一个问题,无论何时我加载我的网页或转到IE11上的新页面,响应的侧栏都会滑入,就好像它正在切换或好像IE浏览器首先读取错误的宽度一样。

#sidebar-wrapper {
    z-index: 1000;
    position: fixed;
    width: 0px;
    left: 230px/*250px*/;
    height: 100%;
    margin-left: -230px/*-250px*/;
    overflow-y: auto;
    background: #151619;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

@media screen and (min-width:768px) {
    #wrapper {
        padding-left: 250px /*250px*/;
    }

    #wrapper.toggled {
        padding-left: 0;
    }

    #sidebar-wrapper {
        width: 230px /*250px*/;
    }

    #wrapper.toggled #sidebar-wrapper {
        width: 0;
    }

    #page-content-wrapper {
        padding: 20px;
        margin: 0 auto;
        width: 90%;
    }

    #wrapper.toggled #page-content-wrapper {
        position: relative;
        margin-right: 0;
    }
}

上面的代码是侧边栏包装器的整体css代码,下面的代码是媒体查询,它处理边栏应该显示的时间。我相信IE 11首先在主侧边栏包装器中读取0宽度,然后在导致它滑入后获取媒体查询宽度。我想知道是否有人有解决方案吗?

0 个答案:

没有答案