学习vue+vant4
base.scss文件
*{
margin: 0;
padding: 0;
}
html, body , #app{
height: 100% ;
}
html {
//iphone6 375x667px
//1vm=375px/100 就是屏幕最小宽度分成100份
//html中,font-size设计的大小为1rem
font-size:26.666vw;//fontsize动态,rem也会是动态
//如果这里font-size是100px,1rem永远等于100px
//如果fontsize是26.666vw,rem会适配不同机型的大小,1rem=26.666vw=26.666*(最小px/100)=0.26666*最小px
//已知最小px和组件px,求组件rem,
//组件rem=组件px/(0.26666*最小px)
//设计时用iphone6 375x667px
//因为UI设计稿可能会比实际大两倍
//所以iphone6 750x1334px
//所以1rem=26.666vw=26.666*(最小px/100)=0.26666*最小px=200px
//所以组件rem=组件px/200
}
body{
font-size: .15rem ;//UI设计稿上显示30px,实际界面上显示15px
}