vw vh rpx的区别及应用场景

vw vh 这两个单位为根据当前设备可视区的宽高为基准动态计算当前元素的宽高,可以实现当前元素在不同宽高的可视区下以不同的px展现
rpx根据当前设备可视区的宽为基准动态计算当前元素的px的展现

vw和rpx一样,他们底层都是动态换算宽度,以前以为rpx可以动态换算高度,这里的误区纠正,rpx不能根据当前设备的可视区的高度动态计算高度
rpx设置高度的原理为根据当前设备的可视区的宽度动态计算高度

vh可以根据当前设备的可视区的高度动态计算高度

100vw=设备可视区的宽的100%
100vh=设备可视区的高100%

vw和vh是以百分比为单位,默认100 比如100vw为当前设备可视区宽的100% 

vw和rpx用于解决以设备可视区的宽为基准的px动态换算

vh用于解决以设备可视区高的高为基准的px动态换算

vw vh rpx的区别及应用场景_第1张图片

通过75.5vh实现当前元素的高度以当前设备可视区高度为基准的动态计算,从而解决swiper容器无法自动增高的问题

75.5vh为当前设备可视区高度的75%

 

你可能感兴趣的:(vw vh rpx的区别及应用场景)