如何使CSS变换：缩放执行更像缩放

我有一个网站，有一个“弹出”面板，允许您选择一个html模板。在这一阶段，它们被显示得更小，以使用户体验更好

这是我的选择器

使用不推荐使用的“缩放：0.2；”属性，它看起来完全正确

但是我不能使用它，因为在iPad上它根本不缩放模板，IOS不支持该属性，所以我建议使用“Transform:scale（0.9）”，它在所有设备上看起来都很糟糕

我似乎找不到一种方法让它看起来更像Zoom属性，你知道我怎么做吗

---

是否仅将变换应用于父元素

父母和孩子的转变

VS

仅在父对象上进行变换

小提琴所需的html代码

.zoom {
  transform: scale(0.5);
}

---

我已经尝试将其应用于这两个方面，在div中实际包含内容之前，它似乎非常棒。当你将transform:scale应用于任何内容时，它都会有自己的想法，并垂直集中，没有风格暗示原因。它似乎也无法判断缩放时其内部内容有多大。我尝试重新创建m在JSFIDLE中是一个很好的例子，但它太复杂了——太多的标记、图像和样式使它无法远程运行。我可以想象，在每个浏览器上都有许多不完美的转换行为，需要进行不同的更正。我唯一的建议是重写它，使其具有响应性，如果它还没有响应，并避免

转换：缩放
。
.zoom {
  transform: scale(0.5);
}