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

Question

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

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

Answer 1

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

但是,有一些选项可以帮助您,跨浏览器polyfill向旧浏览器添加媒体查询支持.

这两个最流行的是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'
}
]);

这两种方法都很容易尝试,即使虽然没有帮助你这个特定的情况,你可能有机会在另一个网站上再次尝试.

祝好运!