移动端完美适配方法

采用 vw + rem
rem（font size of the root element）是指相对于根元素的字体大小的单位。
vw是可视窗口的宽度单位，不受设备分辨率影响, width: 1vw = width: 1%。倘若 浏览器宽1000px，1vw = 10px

移动设备的原型图一般都是二倍图（宽750px）

// 750/7.5 = 100 即  1rem = 100px，原型图上的 px单位 都除以100 单位换成rem即可
// 除数不设置成 75 ，是因为有的浏览器最小font-size 为 12px，小于12以12处理，会造成偏差
html {
    font-size: calc(100vw/7.5);
}

来源：CSDN

作者：CherryCola_zjl

链接：https://blog.csdn.net/CherryCola_zjl/article/details/103962430