css vm是什么单位

在Css中，vm是一种相对单位，它的全称是视窗高度的1/100。

    .box{
        width: 50vm; /* 50%的视口高度 */
        height: 30vm; /* 30%的视口高度 */
    }

vm可以用来为元素设置相对于视口高度的宽度和高度。这意味着，无论设备大小和屏幕方向如何，元素的宽度和高度都会按照相同的比例进行自适应调整。

vm的主要优势在于它们不会影响元素的字体大小和行距。这意味着可以在不影响页面布局的情况下调整元素的大小，同时还能保持字体大小和行距不受影响。

在实际应用中，vm通常用于创建响应式布局或具有可伸缩功能的元素。例如，在创建卡片式界面时，可以使用vm将卡片的高度设置为视口大小的一部分，而不会因为屏幕大小的变化而导致卡片大小出现问题。