rem polyfill无法正常工作

时间:2015-02-06 20:14:46

标签: css css3 internet-explorer-8 polyfills

我正在创建自己的初学者框架。的 Link here

首先,请原谅CDN插件的大量列表。现在我正在为常用脚本编写一些自定义css覆盖,因此对于不同的项目来说它们更容易设计。

我遇到的问题是在ie8中获得REM支持。我知道它不受支持,所以我尝试使用 this polyfill 。似乎不想工作。

这是我的ie条件堆栈:

<!--[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正在完成它的工作以启用媒体查询,rem只是绝对没有。

有人有任何建议吗?

2 个答案:

答案 0 :(得分:1)

最终与typekit发生冲突,以防其他人帮助

答案 1 :(得分:0)

我有完全相同的问题,除了它是谷歌字体API。基本上,REM Polyfill试图修复Google CSS文件中的内容,但是没有修复以下样式表。将 data-norem 添加到我修复的问题上。

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