2013-04-09 1 views
-1

Я использую эту функцию SCSS от Zurb Foundation 4 рамки:Как добавить резерв PX к функции ZUR Foundation 4 REM?

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

он возвращает только значение REM, так что это не работает с IE8. Можно ли добавить резерв PX для поддержки IE8? Я не знаком с кодированием функций SASS.

ответ

0

Лучшее решение - использовать полиполк, чтобы включить поддержку в IE8 и старше.

Я не уверен, какой из них, к сожалению. Попробуйте html5shim и IE9.js для начала.

Функция, о которой идет речь, является функцией, без микширования. Поэтому он не может обеспечить резервные копии. Подумайте о том, как написать свой собственный микшинг для этой цели. Вы можете использовать some hacks, чтобы сделать работу CSS только для IE.

+0

я хочу, чтобы избежать polyfill или условной загрузки другой таблицы стилей ... я думал, что я могу интегрировать px backback solution snook.ca html {font-size: 62.5%; } body {font-size: 14px; font-size: 1.4rem; }/* = 14px */ h1 {font-size: 24px; font-size: 2.4rem; }/* = 24px */в функцию ... теперь я знаю, что это должно быть mixin –

1

Как указано в документе 4 Документы ie8 не поддерживаются, см. Их расширенную статью, полную подробное объяснение того, почему они больше не поддерживают ее.

Если вы ищете поддержки IE8 они рекомендуют Откат назад в фонд 3.2

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

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