Question

我在我的示例中包含了以下标签，但它仍无效。 col-md- *正在充分利用div。 col-md- *宽度在开发人员工具中根本没有显示。

<meta content="text/html; charset=windows-1252" http-equiv="Content-Type" />
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
        <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
        <!--[if lt IE 9]>
          <script src="html5shiv.min.js"></script>
          <script src="respond.min.js"></script>
           <link href="//netdna.bootstrapcdn.com/respond-proxy.html" id="respond-proxy" rel="respond-proxy">
        <![endif]-->

Answer 1

要在IE 8及更低版本中支持@media查询，请查看

https://code.google.com/p/css3-mediaqueries-js/

Wouter van der Graaf的css3-mediaqueries.js是一个JavaScript库，可以使IE 5 +，Firefox 1+和Safari 2透明地解析，测试和应用CSS3媒体查询。 Firefox 3.5 +，Opera 7 +，Safari 3+和Chrome已经提供原生支持。

参考：Twitter Bootstrap Responsive layout does not work in IE8 or lower

另见：http://getbootstrap.com/getting-started/#support-ie8-ie9

更新：有很多问题/答案。你只需要谷歌吧。

Answer 2

你看看CSS的大小吗？对于IE到IE9，css文件大小最大为288kb。也许这是一个问题

如何让twitter bootstrap与IE8兼容？

2 个答案: