如何将PX回退添加到Zurb Foundation 4 REM功能？

Question

我使用这个功能SCSS从Zurb基金会4框架：

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

它只返回一个值，REM，所以它不与IE8工作。是否可以添加PX回退以支持IE8？我对编码SASS功能不熟悉。

Answer 1

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

不幸的是，我不确定哪一个。初学者请试试html5shim和IE9.js。

有问题的函数是一个函数，没有一个mixin。所以它不能提供回退。考虑为此编写自己的mixin。您可以使用some hacks仅为IE创建一行CSS工作。

Answer 2

如Foundation 4 Docs ie8所述不支持，请参阅其扩展文章完整说明为什么他们不再支持它。

如果您正在寻找IE8支持，他们建议恢复到基金会3.2

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

Answer 3

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