1209课后随笔

1.动画

    @keyframes创建动画；

    @keyframes myfirst{
        from{background:red;}
        to{background:yellow;}
    }

    animation:动画名 2s；    animate.css扩展文件；

2.@media选择器

    head头部添加

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    否则手机设备会以980px为宽度；

    @media screen and (max-width:300px){ }

    手机端做页面：vw单位和rem单位的使用

    html的字体大小100/750*100;此处乘100是因为PC浏览器最小字体12px;

  设计图像素/100rem