将 div 缩小 50% - CSS

在 CSS 中，可以通过 transform 属性来缩小元素。其中，scale() 函数可以控制缩放比例，如下所示：

transform: scale(0.5);

以上代码将把元素缩小 50%，也就是将元素的宽度和高度减半。需要注意的是，缩小比例是相对于原始尺寸计算的，而不是相对于父元素或页面视口大小。

为了将特定的 div 元素缩小，可以通过给该元素定义一个类名或 ID，然后使用 CSS 的选择器来定位该元素并设置 transform 属性。如下所示：

<div class="my-div">要缩小的内容</div>

.my-div {
  transform: scale(0.5);
}

以上代码将将 my-div 类名所对应的 div 元素缩小 50%。需要注意的是，缩小的同时也会将该元素内部的所有内容缩小，包括文本、图片等。

当需要同时控制宽度和高度时，可以将 scale() 函数的两个参数分别设置为宽度和高度的比例，如下所示：

transform: scale(0.5, 0.5);

以上代码将将元素的宽度和高度分别缩小 50%。

总结一下，要将 div 元素缩小 50%，只需要给该元素设置 transform: scale(0.5) 属性即可。需要注意的是，缩小比例是相对于原始尺寸计算的，缩小的同时也会将元素内部的所有内容缩小。