css vm vh 大漠 |css 高度取宽度的一半

举个例子，如果视口的高度为800像素，那么1vm就是8像素。同样，如果视口的宽度为1280像素，那么1vh就是12.8像素。

div{
height: 50vm; /* 总高度的50% */
width: 80vh; /* 总宽度的80% */
background-color: #ccc;
}

在上面的例子中，div的高度将占用视口高度的50%，而宽度将占用视口宽度的80%。这两个属性可以用于创建响应式设计，因为它们会根据视口的大小自动调整值。

总的来说，使用vm和vh单位可以使CSS更加灵活和适应不同大小的屏幕。

大漠是一位著名的CSS前端开发者，他在他的博客和社交媒体上分享CSS技术和最佳实践。