“VW和VH”
作用:vh 与 vw 都是根据窗口大小比例适应显示,根据浏览器来进行定位的
1vw = 窗口宽度的1%
1vh = 窗口高度的1%
区别:VH和VW的查究仅次于一个是在于宽度,一个在于高度
应用场景: vw、vh 常用于移动端的布局之中
“%”
作用:%呢他是根据父元素进行定位的,所以你这个项目在你的电脑上是完美的,但是到了别人的电脑上就会出现样式混乱崩塌的效果。所以一般呢再写可视化的时候尽量全用VW和VH,这样你的样式放在任何电脑上都不会出现样式崩塌混乱的样子
相对长度单位:相对于父元素的百分比值,若父元素宽高改变,子元素会随之改变
position:fixed的元素 --> 相对于ViewPort(可视窗口)
场景使用:如果是随着父容器或者是整体页面布局而改变尺寸,则使用%更好,如元素的高度和宽度设置。
区别:vh / vw 与 %的区别在于,一个针对窗口计算,一个针对父元素计算
如果有哪里说的不对的地方,请多多指教大家一起加油,共同学习!!!