Twitter的引导响应布局不IE8或更低的工作(Twitter Bootstrap Respons

我开发了一个网站使用Twitter的引导和它似乎是响应式布局部分在从IE8和下面的所有浏览器IE打破。 这只是不支持这些浏览器？

Answer 1:

用于支撑@media在IE 8和下面的查询，检查出
CSS3-mediaqueries-JS 。

CSS3-mediaqueries.js由沃特·范德格拉夫是一个JavaScript库，使IE 5+，火狐1+和Safari 2透明分析，测试和应用CSS3媒体查询。 火狐3.5 +，歌剧7 +，Safari浏览器3+和Chrome已经提供原生支持。

PS：我使用Twitter的引导与这个插件和它的作品真棒！ 希望这可以帮助！ :)

Answer 2:

如果你想有更好的表现，你的结构是不是太复杂。

您可以尝试Respond.JS

从笔者：

这是不是唯一的CSS3媒体查询填充工具脚本在那里; 但该死的可能是最快的。

如果你正在寻找更强大的CSS3媒体查询的支持，你可以检查出http://code.google.com/p/css3-mediaqueries-js/ 。 在测试中，我发现，脚本渲染复杂的响应设计（无论是在文件大小和性能）时，明显要慢，但它确实支持超过这个剧本多了很多媒体的查询功能。 大帽尖的作者！ :)

Answer 3:

这是我走上得到这个工作的步骤：

看看在IE8的response.js演示页：
https://rawgithub.com/scottjehl/Respond/master/test/test.html

它的工作原理，以便获得通过下载response.js到您的供应商/资产或其他地方类似的本地工作。

停用本地引导，并尝试这在你的CSS：

/*styles for 800px and up @ 16px!*/
@media screen and (min-width: 50em){
  body {
    background: blue;
  }
}

有用！

因为我用的是CDN，我需要在本地下载和主持它：
http://getbootstrap.com/getting-started/#download

因此，它的工作原理与这些：

= stylesheet_link_tag 'bootstrap.min.css'
= stylesheet_link_tag 'bootstrap-theme.min.css'
= stylesheet_link_tag 'my-css'
= javascript_include_tag 'respond.min'

您还需要摆脱任何@import声明。

Answer 4:

我已经尝试了所有上述的方式，和它的作品，但如此缓慢。 我提供的另一个方法。 我们应该分解所包含@media CSS文件并插入在单独的文件中的每个规则。 那么，我们应该有条件上传的每个文件，从浏览器屏幕宽度视。 所有这些行动将做脚本cload.js。 下载cload.js和阅读如何使用它，你可以在这里

Answer 5:

你都应该阅读本论坛的帖子 。

它解释的很清楚IE和Twitter的引导的挑战。 它也给你实际的工作方案。

引用：

这里的问题是，像官方网页http://twitter.github.com/bootstrap/它声称工作在所有浏览器，甚至IE7。 其中，理论上可以，但你必须设计和响应进行开发时，开发各地的心态某一帧。

Answer 6:

我用html5shiv在：

https://code.google.com/p/html5shiv/

这为我工作。 它采用鲍尔也可用。

文章来源: Twitter Bootstrap Responsive layout does not work in IE8 or lower