// 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 选取vw和vh中最小的那个
vmax 选取vw和vh中最大的那个
比如:浏览器视口尺寸为370px,那么 1vw = 370px * 1% = 6.5px(浏览器会四舍五入向上取7)
vh/vw与%区别在于,
单位依赖于
% 元素的祖先元素
vh/vw 视口的尺寸
参考 :vh,vw单位你知道多少?