一、动画
@keyframes创建动画;
@keyframes myfirst
{
from{background:red;}
to{background:yellow;}
}
animation:动画名 2s;
animate.css扩展文件
二、
6、@media选择器
head头部添加:<meta name="viewport" content="width=device-width, initial-scale=1.0">
否则手机设备会以980px为宽度;
@media screen and (max-300px){ }
手机端做页面:vw单位和rem单位的使用
html的字体大小100/750*100;此处乘100是因为PC浏览器最小字体12px;
100/750px*100
html{
font-size: 13.333333333vw;
}
div{
1rem;
}
设计图像素/100rem