今天在开发的过程中前端项目,在小设备上会出现滑动条,这本没什么,在其他浏览器上都很正常,但是在IE10和IE11上出现了问题,发现侧边滑动条挡住了一部分页面的内容,因为侧边有要操作的按钮,这就是一个很严重的问题了,后来发现是@-ms-viewport这个style引起的问题,这是为了自适应布局的css,但是在PC端的IE10和IE11中,会让滑动条像手机一样浮动出来,脱离页面,但是没有手机那么灵敏。在本项目中,我的通用css文件并没有使用该style,只是在head中加入了<meta>做自适应。后来发现是在项目中使用了bootstrap.css,该文件设置了以下css,去掉就好了。
@-ms-viewport {
width: device-width;
}