Zurb Foundation 4 フレームワークの次の SCSS 関数を使用しています。
@function remCalc($pxWidth) {
@return $pxWidth / $em-base * 1rem;
}
REM 値のみを返すため、IE8 では機能しません。IE8 をサポートするために PX フォールバックを追加することは可能ですか? SASS 関数のコーディングに慣れていません。
Zurb Foundation 4 フレームワークの次の SCSS 関数を使用しています。
@function remCalc($pxWidth) {
@return $pxWidth / $em-base * 1rem;
}
REM 値のみを返すため、IE8 では機能しません。IE8 をサポートするために PX フォールバックを追加することは可能ですか? SASS 関数のコーディングに慣れていません。
@mixin font-size($pxWidth){
font-size:$pxWidth;
font-size:remCalc($pxWidth);
}
.yourclass {
@include font-size(16px); //outputs font-size:16px; font-size:1rem;
}
Foundation 4 Docs に記載されているように、ie8 はサポートされていません。拡張された記事で、これ以上サポートしない理由の完全な説明を参照してください。
IE8 のサポートを探している場合は、Foundation 3.2 に戻すことをお勧めします。