transform学习
Absolution：元素会脱离文档流，定位是相对于离它最近的且不是static定位的父元素而言，若该元素没有设置宽度，则宽度由元素里面的内容决定，且宽度不会影响父元素，定位为absolution后，原来的位置相当于是空的，下面的的元素会来占据。
Relative：元素仍处于文档流中，定位是相对于原本自身的位置，若没有设置宽度，则宽度为父元素的宽度，该元素的大小会影响父元素的大小。
https://blog.csdn.net/weixin_42067967/article/details/80152403
位移效果
transform的位移
缩放、旋转效果
scale表示比例，1.5放大，0.6缩小
origin表示原点，后边两个值为百分比
不同位置原点情况
缩放情况
rotate旋转
透视效果
perspective透视
perspective要写在transform第一个位置，否则在chrome浏览器中无法生效。
单独观察与总体观察效果对比
移动端和手机端的区别
dpr
viewport使用方式
总结
利用rem单位！
