1、引入阿里的 lib-flexible 库,它会自动根据移动端设备的缩放比自动设置meta viewport标签,然后自动设置html根元素的font-size值,然后我们还是要根据一般iphone6的比例来自己计算成rem。
2、采用vw单位,vue项目中可以使用 postcss-px-to-viewport 插件
自己配置好设计图配置
1、引入阿里的 lib-flexible 库,它会自动根据移动端设备的缩放比自动设置meta viewport标签,然后自动设置html根元素的font-size值,然后我们还是要根据一般iphone6的比例来自己计算成rem。
2、采用vw单位,vue项目中可以使用 postcss-px-to-viewport 插件