使用cdn二级域名导致Respond.js失效

作者:
日期: 2018-02
浏览: 90
使用cdn二级域名导致Respond.js失效,通常网站会把样式文件单独放在一个子域名下面,这种情况如果是单独的引用该插件是不起作用的,因为这样就跨域了,Respond官方有针对这个问题出了解决方案,

打开https://github.com/scottjehl/Respond,点击Clone or download下载压缩包,将下载的压缩包下cross-domain文件夹中的两个文件:respond-proxy.html、 respond.proxy.gif 放置到 www.61916.com主域名所在的文件夹下,文件respond-proxy.html放在子域名static.61916.com所在文件夹下,主域名导入的路径需要进行修改,代码如下

<link href="http://static.61916.com/css/common.css" rel="stylesheet"/>
<script src="http://static.61916.com/js/Respond.js"></script>
<link href="http://static.61916.com/html/respond-proxy.html" id="respond-proxy" rel="respond-proxy" />
<link href="http://www.61916.com/respond/respond.proxy.gif" id="respond-redirect" rel="respond-redirect" />
<script src="http://www.61916.com/respond/respond.proxy.js"></script>

到这里就全部改完了,Respond.js解决IE6-IE8不支持响应式,实现css3的媒体查询在做网站中还是非常好用的
本文地址: http://www.61916.com/news_view_ 2533.html ,转载请注明出处。