介绍视窗(Viewport)单位
视窗(Viewport)是你的浏览器实际显示内容的区域——换句话说是你的不包括工具栏和按钮的网页浏览器。这些单位是vw,vh,vmin和vmax。它们都代表了浏览器(视窗(Viewport))尺寸的比例和窗口大小调整产生的规模改变。
比方说我们有一个1000px(宽)和800px(高)的视窗(Viewport)
- vw——代表视窗(Viewport)的宽度为1%,在我们的例子里50vw = 500px。
- vh——窗口高度的百分比 50vh = 400px。
- vmin——vmin的值是当前vw和vh中较小的值。在我们的例子里因为是横向模式,所以50vim = 400px。
- vmax——大尺寸的百分比。50vmax = 500px。