vw：相对于视口的宽度。视口被均分为100单位的vw
vh：相对于视口的高度。视口被均分为100单位的vh
vmax：相对于视口的宽度或高度中较大的那个。其中最大的那个被均分为100单位的vmax
vmin：相对于视口的宽度或高度中较小的那个。其中最小的那个被均分为100单位的vmin
视窗，指的是浏览器可视区域的宽高，也就是window.innerWidth/window.innerHeight。1vw就是1%的浏览器的宽度。100vw就是整个视窗的宽度。
与%百分比的区别
% 是相对于父元素的大小设定的比率，vw 是视窗大小决定的。
其实这些视窗单位与%使用基本类似，优势在于能够直接获取高度，而用%在没有设置body高度的情况下，是无法正确获得可视区域的高度的，所以这是挺不错的优势。
css3参考手册：http://www.css88.com/book/css/values/length/vmin.htm
参考博客：http://blog.csdn.net/lecepin/article/details/54178095
1，vw、vh、vmin、vmax 的含义 （1）vw、vh、vmin、vmax 是一种视窗单位，也是相对单位。它...
CSS3 新增的单位：**vh、vw、vmin、vmax** * vw 和 vh 1、1vw 等于1/100的...
vh、vw、vmin、vmax介绍 vw：视窗宽度的百分比（1vw 代表视窗的宽度为 1%）vh：视窗高度的百分比...
vw、vh、vmin、vmax 是一种视窗单位，也是相对单位。它相对的不是父节点或者页面的根节点。而是由视窗（Vi...
vw、vh、vmin、vmax 是一种视窗单位，也是相对单位。它相对的不是父节点或者页面的根节点。而是由视窗（Vi...
vw：相对于视口的宽度。视口被均分为100单位的vwvh：相对于视口的高度。视口被均分为100单位的vhvmax：...
postcss-px-to-viewport 将px单位转换为视口单位的 (vw, vh, vmin, vmax)...
相关资料：css3中单位px,em,rem,vh,vw,vmin,vmax的区别及浏览器支持情况CSS 背景CSS...
1. css 的单位: px / em / rem / vw / vh / vmax / vmin (7个) 1....
单位（px/em/rem、vw/vh/vmin/vmax） px px像素（Pixel）。相对长度单位。像素px是...
本文标题：CSS3视窗单位vw、vh、vmin、vmax记录
本文链接：https://www.haomeiwen.com/subject/goijfftx.html
网友评论