如何在Zurb Foundation 4 REM功能中添加PX后备？

Question

我正在使用Zurb Foundation 4框架的SCSS功能：

@function remCalc($pxWidth) {
  @return $pxWidth / $em-base * 1rem;
}

它仅返回REM值，因此它不适用于IE8。是否可以添加PX后备以支持IE8？我对编码SASS功能并不熟悉。

Answer 1

@mixin font-size($pxWidth){
  font-size:$pxWidth;
  font-size:remCalc($pxWidth);
}
.yourclass {
  @include font-size(16px); //outputs font-size:16px; font-size:1rem;
}

Answer 2

如基金会4 Docs ie8所述，不再支持，请参阅他们的扩展文章，全面解释他们为什么不再支持它。

如果您正在寻找IE8支持，他们建议还原为Foundation 3.2

http://foundation.zurb.com/docs/faq.html

Answer 3

最佳解决方案是使用polyfill在IE8及更早版本中启用rem支持。

不幸的是，我不确定是哪一个。首先尝试html5shim和IE9.js。

有问题的功能是一个功能，没有混合。所以它无法提供后备。考虑为此目的编写自己的mixin。您可以使用some hacks使一行CSS仅适用于IE。