responsive-design - 如何为 IE 7+ 提供新的 Zurb Foundation 支持？

Question

我最近建立了一个响应式网站。我用 Zurb Foundation因为一些建议和文章是使响应式网站更高效的最佳解决方案。但是问题是，新版Foundation不支持IE 7+，如你所见here ，但我希望我的网站支持所有 IE 版本。有些人建议建议使用旧的 Foundation(即第 3 节)。但我认为最新的版本是最好的。

我的问题是，有什么解决方案可以使新的 Foundation(第 4 版)支持 IE？
我需要建议，因为我在这里堆栈。谢谢

Answer 1

IE7 和 IE8 的问题在于它们没有内置对媒体查询的支持。

有一些选项 5 月 帮助你，cross-browser polyfills为旧浏览器添加媒体查询支持。

最受欢迎的两个是respond.js和 css3-mediaqueries.js .我在这两个方面都取得了成功。

在页面的头部，您测试浏览器并在必要时加载这些脚本之一。

我过去这样做的方法要么是有条件的评论:

<!--[if (lt IE 9) & (!IEMobile)]>
<script src="path-to/respond.js"></script>
<![endif]-->  

或使用 modernizr

Modernizr.load([
{
// The test: does the browser understand Media Queries?
test : Modernizr.mq('only all'),
// If not, load the respond.js file
nope : '/js/respond.js'
}
]);

这两种方法都很容易尝试，即使在这种特定情况下对您没有帮助，您也可能有机会在另一个站点上再次尝试它们。

祝你好运!