IE10和IE11中滑动条遮挡页面问题
2017-02-24 19:57
246 查看
今天在开发的过程中前端项目,在小设备上会出现滑动条,这本没什么,在其他浏览器上都很正常,但是在IE10和IE11上出现了问题,发现侧边滑动条挡住了一部分页面的内容,因为侧边有要操作的按钮,这就是一个很严重的问题了,后来发现是@-ms-viewport这个style引起的问题,这是为了自适应布局的css,但是在PC端的IE10和IE11中,会让滑动条像手机一样浮动出来,脱离页面,但是没有手机那么灵敏。在本项目中,我的通用css文件并没有使用该style,只是在head中加入了<meta>做自适应。后来发现是在项目中使用了bootstrap.css,该文件设置了以下css,去掉就好了。
@-ms-viewport { width: device-width; }
相关文章推荐
- android webview 页面,输入框软键盘遮挡问题(滑动页面)
- Android 输入法键盘和activity页面遮挡问题解决
- Android 输入法键盘和activity页面遮挡问题解决
- Android 解决在页面底部置输入框,软键盘遮挡部分输入框的问题
- IE10,IE11下cookie无法写入问题
- ViewPager页面滑动Fragment销毁问题
- Android 输入法键盘和activity页面遮挡问题解决
- Firefox浏览器 页面滑动卡帧问题
- IOS开发中滑动页面时NSTimer停止的问题
- 使用 IE11的 F12可以调试 IE10,IE9,IE8,IE7,IE5的页面兼容
- Android 输入法键盘和activity页面遮挡问题解决
- Android 输入法键盘和activity页面遮挡问题解决
- IE10、IE11 User-Agent 导致的 ASP.Net 网站无法写入Cookie 问题
- IE10、IE11 User-Agent 导致的 ASP.Net 网站无法写入Cookie 问题
- Android 输入法键盘和activity页面遮挡问题解决
- Android中如何解决输入法键盘和activity页面遮挡的问题
- Android 输入法键盘和activity页面遮挡问题解决
- IE10、IE11 User-Agent 导致的 ASP.Net 网站无法写入Cookie 问题
- Android 输入法键盘和activity页面遮挡问题解决
- iOS解决呼出键盘遮挡页面问题(装逼模式一)