如何在Bootstrap 3中禁用IE的页面响应

时间:2014-08-01 21:20:51

标签: javascript css internet-explorer twitter-bootstrap-3

我想在Bootstrap 3中删除页面响应,但仅限于Internet Explorer版本。我已将整个文档审核到remove page responsiveness,但它可以是设备或浏览器特定的吗?

1 个答案:

答案 0 :(得分:1)

针对IE8和9的快速而又脏的javascript解决方案:(假设网格大小为~980)

if ( ( (/msie 8./i).test(navigator.appVersion) || (/msie 9./i).test(navigator.appVersion) ) {
  var body = document.querySelector('body');

  body.style.minWidth = '980px';
}

如果您在IE条件中的<html>标签上设置类,也可以使用CSS完成此操作。

假设<html class="ie8">为例,

html.ie8 {
 min-width : 980px;
}
html.ie8 body {
 min-width : 980px;
}

更彻底的方法是使用您自己的@media调用覆盖@media调用,再次使用ie html类,并使用css加载层次结构或奇怪的!important标记来完成它。