css属性获取页面高度
CSS属性获取页面高度？CSS，可以使用CSS单位vh和vw获得当前屏幕的高度，这两种单位相对于视窗的高度，视窗被均分为100单位的vh或vw计算，这个高度可以使用CSS 3的cal（）函数。Calc （100为h-32 OP x）：100 AH等于浏览器的高度。Calc函数可以动态的计算这样的CSS值。
px和vh换算
px和vh是网页设计中常用的单位。换算关系如下：
1px = 1/96 inch ≈ 0.01042 inches
1vh = 视口高度的1%
要将px转换为vh，可以使用以下公式：
vh = (px / 屏幕高度) * 100
要将vh转换为px，可以使用以下公式：
px = (vh / 100) * 屏幕高度
请注意，转换计算需要知道屏幕的高度。
把30px改成5vw，意思就是窗口宽度的5%，同理10vw就是10% 或者可以是3vh，就是窗口高度的3% 不过由于vw和vh是css3才支持的长度单位，所以在不支持css3的浏览器中是无效的
10vw是什么意思
1vw等于视口宽度（viewport width）的百分之一，也就是说100vw就是视口的宽度。同理，1vh等于视30px改成5vw，意思就是窗口宽度的5%，同理10vw。3.不过由于vw和vh是css3才支持的长度单位，所以在不支持css3的浏览器中是无效的口高度（viewport height）的百分之一。
css中的rem和vm的关系
rem单位：font size of the root element.rem就是相对于根元素<html>的font-size来做计算
视窗单位：
vw : 1vw 等于视窗宽度的1%
vh : 1vh 等于视窗高度的1%
vmin : 选取 vw 和 vh 中最小的那个
vmax : 选取 vw 和 vh 中最大的那个