您现在的位置:首页 >> 前端 >> 内容

IE10和IE11中滑动条遮挡页面问题

时间:2017/2/25 12:01:37 点击:

  核心提示:今天在开发的过程中前端项目,在小设备上会出现滑动条,这本没什么,在其他浏览器上都很正常,但是在IE10和IE11上出现了问题,发现侧边滑动条挡住了一部分页面的内容,因为侧边有要操作的按钮,这就是一个很...

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

做自适应。后来发现是在项目中使用了bootstrap.css,该文件设置了以下css,去掉就好了。
@-ms-viewport {
 width: device-width;
}

 

Tags:IE E1 10 0和 
作者:网络 来源:qq_2850681