我最近建立了一个响应式网站。我使用Zurb Foundation是因为一些建议和文章是提高响应式网站效率的最佳解决方案。但问题是，Foundation 的新版本不支持 IE 7+，如您在此处看到的，但我希望我的网站支持所有 IE 版本。有些人建议使用旧的 Foundation（即第 3 节）。但我认为最新版本是最好的。
我的问题是，有什么解决方案可以让新的 Foundation（第 4 版）支持 IE？我需要建议，因为我在这里。谢谢
问问题
6547 次
2 回答
9
IE7 和 IE8 的问题在于它们没有内置对媒体查询的支持。
不过，有一些选项可能会对您有所帮助，跨浏览器 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'
}
]);
这两种方法都很容易尝试，即使在这种特定情况下对您没有帮助，您也可能有机会在另一个站点上再次尝试它们。
祝你好运！
于 2013-04-16T10:46:41.273 回答
0
我写了这个http://justthisguy.co.uk/responsive-sass-and-ie/，它着眼于使用引导程序并让 sass 生成一个默认为桌面视图的 ie7 样式表。我将在某个时候开发它的基础版本。它会导致一些 css 规则的重复，但可以使用https://github.com/addyosmani/grunt-uncss之类的东西来删除该重复
于 2014-02-21T18:21:47.060 回答