适配与兼容性方法常常是相通的
- 使用适配性和兼容性的ui 如vantUI
- 使用postcss 或 Autoprefixer,不用我们手动添加兼容各种浏览器的前缀(-webkit- -moz-)
- 使用视口单位vw vh,或rem(rem可以用pxtorem插件),flex grid弹性布局。
-
Normalize.css抹平各个浏览器初始化差异
-
babel转换es6+语法,兼容旧版本浏览器。使用core-js,它是JavaScript标准库的 polyfill(垫片/补丁), 使新ecma语法兼容各个版本浏览器。
- 使用媒体查询
- 避免使用非标准语法(严格w3c标准)可以从mdn上查看兼容性问题。
- @babel/preset-env 来解决浏览器兼容问题