Question

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

我的问题，任何使新基金会（第4节）支持IE的解决方案？我需要建议，因为我在这里堆叠。谢谢

Answer 1

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

有些选项可能可以帮助您，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'
}
]);

这两种方法都很容易尝试，即使不能帮助你解决这个问题，你也许有机会在另一个网站上再试一次。

祝你好运！

Answer 2

我写了这个http://justthisguy.co.uk/responsive-sass-and-ie/，它看着使用bootstrap并且生成一个默认为桌面视图的ie7样式表。我将在某个时候开始研究它的基础版本。它导致一些css规则重复，但https://github.com/addyosmani/grunt-uncss之类的东西可用于删除重复

如何让新的Zurb Foundation支持IE 7+？

2 个答案: