C3动画播放———移动端之响应式布局

@keyframes donghua【设置关键帧】

 animation-iteration-count【执行次数】 

（infinite表示执行无限次数） 

 animation-direction【播放方向】

 normal【循环向前播放】

alternate【偶数次向前播放】

 

 移动端

 rem是相对根元素html来设置的 【rem是移动端使用的单位】

例如： style="font-size:20px">   （那就表示 1rem=20px）

em是相对父元素来设置  （同上理 1em=20px）

但是em有局限性，父元素变了，em所相应的px，也就变了 

 响应式布局之媒体查询

【实现div在屏幕不同大小的情况，显示不同的的颜色】

响应式布局 

语法： @media screen and (max-width:700px) and (min-width:500px){ div{background-color:bule} } 

 语法：@media all and (max-width:600px){ul li{float:none...}} 

【注意】→  响应式的样式要放在最后

 all【代表所有的屏幕】

 only screen【代表仅有电脑屏幕支持】