vw和vh的区别?

vw和vh都是CSS中的视口单位，vw基于视口宽度计算，vh基于视口高度计算。vw的值等于视口宽度的1/100，vh的值等于视口高度的1/100。这两个单位常用于响应式设计，能根据屏幕大小自动调整元素尺寸。

区别

vw：单位基于视口宽度，适合控制水平方向的元素大小。比如设置宽度为50vw，元素会占据屏幕宽度的一半。在横屏设备上效果明显，但在竖屏时可能显得过宽。适合做全屏横幅、自适应宽度布局。

vh：单位基于视口高度，适合控制垂直方向的元素大小。比如设置高度为100vh，元素会占满整个屏幕高度。在竖屏设备上效果更好，但在横屏时可能显得过高。适合做全屏滚动区块、固定高度区域。