移动端适配方案
1、设置视口
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
2、通过设置html的rem
首先视口已经设置了,每次刷新后,会恢复到全屏的时候,
通过JS获取到当前宽度,然后等分宽度(10等分、20等分)
var rem = document.documentElement.clientWidth / 10 document.documentElement.style.fontSize = rem + 'px'
1rem = 手机全屏的十分之一
3、vw
可见宽度100等分vw
标签:10,VUE,rem,视口,vw,document From: https://www.cnblogs.com/huodetiantang/p/17396999.html