已采纳回答 / FloatingShuYin
DOMContentLoaded顾名思义,就是dom内容加载完毕。window绑定的是窗口大小改变事件 document绑定的是dom内容加载完毕事件 当页面加载完毕 与 窗口尺寸大小改变时 都需要调用recalc = function() { //设置根字体大小 docEl.style.fontSize = 20 * (docEl.clientWidth / 320) + 'px'; };这个函数,实现自适应布局.
2017-12-20
可能是因为慕课网改造升级了,使用HTTPS进行通讯,但是原来页面代码中引用的jquery库的CDN以及慕课网自身的JS都是采用了HTTP的CDN地址,所以我这里一直出现不了效果,那这里进行如下替换就可以正常使用了:
<script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
<script type="text/javascript" src="https://img1.sycdn.imooc.com//down/55ac9ea30001ace700000000.js"></script>
<script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
<script type="text/javascript" src="https://img1.sycdn.imooc.com//down/55ac9ea30001ace700000000.js"></script>
@keyframes bird-slow{
0%{
background-position-x:0%;
}
100%{
background-position-x:150%
}
}
0%{
background-position-x:0%;
}
100%{
background-position-x:150%
}
}
2017-12-15
这样写就可以正常运行了,哈哈,的亏这个查了一波知识
https://www.w3.org/TR/css3-background/#the-background-position
标准规定:background-position:perenct的参考值为: (容器宽度 - 背景图片宽度).
https://www.w3.org/TR/css3-background/#the-background-position
标准规定:background-position:perenct的参考值为: (容器宽度 - 背景图片宽度).
2017-12-15