vw设置rem的根字体

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

单位解释

vw            1vw = 视口宽度的1%

vh             1vh = 视口高度的1%

vmin            选取vwvh中最小的那个

vmax           选取vwvh中最大的那个

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

vh/vw%区别在于,

单位依赖于

%                         元素的祖先元素

vh/vw                   视口的尺寸

 

参考 :vh,vw单位你知道多少?

原文地址:https://www.cnblogs.com/yancongyang/p/10832631.html