本文探讨了移动端页面适配、浏览器兼容性优化、3D移动与旋转特效使用，以及Font Awesome 图标字体库的应用，并介绍了如何通过CSS设置元素位置为绝对定位使其成为块元素。
(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之后，该元素自动转成块元素
扫一扫
655
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
