我正在尝试修复一个问题,无论何时我加载我的网页或转到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宽度,然后在导致它滑入后获取媒体查询宽度。我想知道是否有人有解决方案吗?