平滑过渡：

  

transform: 

  translate 让元素在 x，y轴上进行移动
  rotate 让元素旋转一定的角度
    rotateX
    rotateY

  scale 让元素进行放大缩小  x ，y 

  skew 斜切 x， y


媒体查询

  @media 





rem  新的尺寸单位  实现尺寸的动态适配


     %  px  vw  vh


rem 是参考网页 html 上的 font-size 来动态计算的

   你写的rem  *  html 上的 font-size  =  真实的尺寸


动态修改 html 上的 font-size

  1 媒体查询 @media 

  2 js实现


布局的动态适配

  display: flex