2015-02-06 6 views
1

Я нахожусь на полпути, создавая собственную раму стартера. Link hererem polyfill не работает

Во-первых, извините за излишний список плагинов CDN. Прямо сейчас я просто работаю над написанием некоторых пользовательских переопределений css для обычно используемых скриптов, поэтому их немного легче стилизовать для разных проектов.

Проблема, с которой я столкнулся, получает поддержку REM в ie8. Я знаю, что это не поддерживается, поэтому я пытаюсь использовать this polyfill. Кажется, не хочет работать.

Вот мой т.е. условный стек:

<!--[if lt IE 9]> 
    <link rel="stylesheet" href="/library/css/ie-old.css"> 
    <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/selectivizr/1.0.2/selectivizr-min.js"></script> 
    <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/respond.js/1.3.0/respond.js"></script> 
    <script type="text/javascript" src="/library/polyfills/rem.js"></script>  
<![endif]-->  

<!--[if lte IE 9]> 
    <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/jquery-placeholder/2.0.8/jquery.placeholder.min.js"></script> 
    <script type="text/javascript"> 
     $('input,textarea').placeholder(); 
    </script> 
<![endif]--> 

Условные загружаются вещи, так как respond.js делают свою работу для того, чтобы медиазапросов, рем просто не делает абсолютно ничего.

У кого-нибудь есть рекомендации?

ответ

1

закончил тем, что конфликт с Typekit, в случае, если это помогает кому-либо еще

0

У меня был точно такой же вопрос, за исключением того, что был API Google Font. В основном REM Polyfill пытался исправить ситуацию в файле CSS Google, упав и не исправляя следующие таблицы стилей. Добавление данных-norem на исправленную мою проблему.

<link href="http://fonts.googleapis.com..." rel="stylesheet" type="text/css" data-norem>