首先说一下vw和vh:
vw:与视口的宽度有关,1vw 就是视口宽度的 1%
vh:与视口的高度有关,1vh 就是视口高度的 1%
vmin和vmax:
vmin:与当前视口的高度和宽度有关,取值为 vw 和 vh
中小的那个。
vmax:与当前视口的高度和宽度有关,取值为 vw 和 vh
中小的那个。
vw,vh,vmin,vmax都可以用来做适配。
效果如下:
页面中有一张图片,位置居中,宽高单位设置为vmin;改变窗口的大小,图片始终在页面中居中。
首先说一下vw和vh:
vw:与视口的宽度有关,1vw 就是视口宽度的 1%
vh:与视口的高度有关,1vh 就是视口高度的 1%
vmin和vmax:
vmin:与当前视口的高度和宽度有关,取值为 vw 和 vh
中小的那个。
vmax:与当前视口的高度和宽度有关,取值为 vw 和 vh
中小的那个。
vw,vh,vmin,vmax都可以用来做适配。
效果如下:
页面中有一张图片,位置居中,宽高单位设置为vmin;改变窗口的大小,图片始终在页面中居中。