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