移动端适配

126 阅读1分钟

记录一下我自己所使用的移动端适配方案

1、还是html、css、js、img、font等的目录和文件

2、gulp配置sass、postcss、px2rem插件完成px到rem的自动转换,可以对px2rem插件进行配置可以忽略向边框、圆角等属性让其不转换

3、若设计图为750像素,则html的font-size为26.67vw

4、盒模型的属性、字体大小等属性都写px,插件会自动转换

5、如果考虑到兼容ie的问题,可以采用js的形式动态设置html的font-size