前端常规开发单位-vw
05-前端开发常用单位-vwvh *{
margin: 0；
padding: 0；
}
/*div{*/
/* width: 10vmin； */
/* height: 10vmax； */
/*后台： red； */
() /
div{
width:1vw；
height: 1vh；
后台： red；
}
/*
1 .什么是视点宽度(VW )和视点高度(VH )？
1.1vw和vh是前端开发中的动态单位，是web视口的单位
1.2系统将视口的宽度和高度分为100个部分，1vw占视口宽度的1%，1vh占视口高度的1%
1.3vw、vh和百分比的不同之处在于，百分比始终参考父元素
VM和VM始终参考视口
结论： vw/vh是动态单位，随视口大小而变化(
什么是vmin和vmax？
vmin: vw和vh中较小者
vmax: vw和vh中较大的一个
使用场景：确保移动开发中的屏幕旋转不会改变大小
*/
控制台. log (window.inner width，window.innerHeight )；
Leto div=document.query selector (' div )；
console.log (getcomputedstyle (odiv ).width )；
console.log (getcomputedstyle (odiv ).height )；
效果：