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

413 阅读1分钟

@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【代表仅有电脑屏幕支持】