vw设置rem的根字体

// APP.Vue
html{
	font-size:13.33333333vw;//750*13.33333%= 100px
}
@media (min-width: 560px) {
	html {
		font-size: 54px;
	}
}

 

单位解释

vw：            1vw = 视口宽度的1%

vh：             1vh = 视口高度的1%

vmin            选取vw和vh中最小的那个

vmax           选取vw和vh中最大的那个

好比：浏览器视口尺寸为370px,那么 1vw = 370px * 1% = 6.5px(浏览器会四舍五入向上取7)

vh/vw与%区别在于，

单位依赖于

%                         元素的祖先元素

vh/vw                   视口的尺寸

 

 

参考 ：vh,vw单位你知道多少？