Bootstrap:IE8中的屏幕显示不正确

时间:2014-12-12 11:24:28

标签: html css twitter-bootstrap internet-explorer-8

第一个屏幕来自IE9,第二个屏幕来自IE8。在IE 8右侧下移cos在移动视图中显示(查看顶部菜单)

这是我正在使用的标题

    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
  <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
  <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->

以下是我的使用方式

      <div class="container">
          <div class="col-md-9 col-sm-8">LEFT</div>
          <div class="col-md-3 col-sm-4">RIGHT</div>
      </div>

In IE >8 and other browser

in IE8

1 个答案:

答案 0 :(得分:0)

你需要包含https://github.com/scottjehl/Respond来处理IE8

下载并将其下载到您的代码库中,这应该可以解决问题。