(1)<meta name="viewport" content="width=device-width" initial-scale="1" 移动端页面,让你的页面宽度强制去适应你的设备宽,初始化的缩放比例为1
(2)<meta http-equiv="X-UA-compatible" content="IE=edge" 使IE采用最新的渲染模式
(3)特效:-webkit-transform:translate(x,y,z) 3D移动 rotate3d(x,y,z,angle) 3D旋转 scale3d( x,y,z,flex) 3D缩放。
(4)设置围绕的中心点围底部中心-webkit-transform-origin: center bottom top left 50% 100%;
transform-origin设置旋转中心点,只有设置了transform之后transform-origin才会生效
(5)Font Awesome 图标字体库
(6)当给元素设置position:absolute之后,该元素自动转成块元素