Foundation 5 不适用于 IE8答案

【问题标题】：Foundation 5 is not working with IE8Foundation 5 不适用于 IE8
【发布时间】：2014-08-01 13:49:16
【问题描述】：

我正在使用 Foundation 5，它可以在除 IE8 之外的所有浏览器上正常工作。我也尝试过使用 polyfill，但 IE8 上仍然存在 css 问题。任何其他解决方案。

【问题讨论】：

标签： css internet-explorer media-queries zurb-foundation

【解决方案1】：

根据http://foundation.zurb.com/learn/faq.html和http://foundation.zurb.com/docs/compatibility.html：

为什么 Foundation 不支持 IE7 或 IE8？或者：为什么我们不支持濒临灭绝的物种。

这可能是我们得到的最大问题。考虑一下：大多数当今流行的浏览器会自动升级自己，包括 Chrome、Firefox 和 Explorer（从 9 开始）。 IE 8 是最后一个 IE 在 Windows XP 上支持，微软将正式停止明年支持。这在我们的决定中发挥了作用。

此外，自 Foundation 4 以来，我们的框架是移动优先构建的，这意味着它依赖于媒体查询来分层更复杂的布局和组件。不支持媒体查询的浏览器或设备将仅限于简单的单列布局。在某些方面， Foundation 4 更好地支持 IE6-7，因为它提供了一个移动但并非完全破碎的经历。 如果 IE8 支持对于您的用户/客户，您可以使用 Foundation 3.2，它支持 IE8。它不是移动优先，但它是好东西。

【讨论】：

我已经尝试使用 Foundation 3.2，但 IE8 上仍然存在问题。

【解决方案2】：

对于某些企业来说，放弃对 IE8 的支持不是一个可行的选择。我必须让 Foundation 5 站点在 IE8 中运行，这是我为使其运行而采取的步骤。

细分：

使用 jQuery v1.x 而不是 v2.x
包括 IE8 网格支持 CSS
在您的 CSS 之后在 HEAD 中包含 shim
- cdnjs.cloudflare.com/ajax/libs/html5shiv/3.6.2/html5shiv.js
- s3.amazonaws.com/nwapi/nwmatcher/nwmatcher-1.2.5-min.js
- html5base.googlecode.com/svn-history/r38/trunk/js/selectivizr-1.0.3b.js
- cdnjs.cloudflare.com/ajax/libs/respond.js/1.1.0/respond.min.js
- github.com/es-shims/es5-shim - shim.js
在启动 Foundation 之前包含 Foundation js 修复
在页面最底部包含 REM 垫片

要更深入地了解如何执行此操作，请查看以下链接：

https://kyco.io/blog/getting-foundation-5-to-work-in-ie8

【讨论】：

最好在此处发布解决方案的基本部分并使用链接作为参考。