如何使Twitter Bootstrap与IE8兼容？

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 Media Queries。 Firefox 3.5 +，Opera 7 +，Safari 3+和Chrome已经提供了本机支持。

参考： Twitter Bootstrap响应式布局在IE8或更低版本中不起作用

另请参阅： http : //getbootstrap.com/getting-started/#support-ie8-ie9

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

Answer 2

您是否已查看CSS的大小，对于IE9以下的IE，css文件大小最大为288kb。 也许那是一个问题