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

med*_*ium 56 css css3 internet-explorer-8 media-queries twitter-bootstrap

我开发了一个使用twitter bootstrap的网站,似乎在IE8及以下版本的所有IE浏览器中,响应式布局部分都被破坏了.这些浏览器不支持这个吗?

max*_*sam 53

如果你想获得更好的性能,你的结构也不会太复杂.

您可以尝试Respond.JS

来自作者:

这不是唯一的CSS3 Media Query polyfill脚本; 但该死的可能是最快的.

如果您正在寻找更强大的CSS3媒体查询支持,可以查看http://code.google.com/p/css3-mediaqueries-js/.在测试中,我发现在渲染复杂的响应式设计(文件大小和性能)时,脚本会明显变慢,但它确实支持比这个脚本更多的媒体查询功能.给作者的大帽子提示!:)

  • +1.这对我很有用.css3-mediaqueries不是. (4认同)
  • 这对我来说很有用,因为css3-mediaqueries没有 (3认同)

Pra*_*man 33

@media在IE 8及更低版本中支持查询,请查看
css3-mediaqueries-js
.

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

PS:我使用这个插件的Twitter Bootstrap,它的工作真棒!希望这可以帮助!:)

  • 你并不总是想添加polyfill来支持ie7和8.这看起来像是一个非常好的情况,但实际上媒体查询是支持大格式屏幕和移动设备(很可能两者都不会运行ie7/8). (7认同)
  • 应用`css3-mediaqueries.js`后我没有运气.我不得不将`@media`-查询改为`@media all和(max-width:...)` (3认同)
  • 我无法让css3-mediaqueries.js工作,所以我尝试了response.js,它在IE8上使用bootstrap (3认同)
  • 你只是在标题中导入respond.js,它的工作原理?还是有更多的参与让它工作......?谢谢 (2认同)