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

 

单位解释

SRE实战 互联网时代守护先锋，助力企业售后服务体系运筹帷幄！一键直达领取阿里云限量特价优惠。

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单位你知道多少？

扫码关注我们
微信号：SRE实战
拒绝背锅 运筹帷幄