使用CSS缩放整个HTML元素

Question

我该如何按特定百分比或最终大小缩放整个元素及其所有子元素？

我有一个<table>，我正在使用JavaScript模拟象形图像，计算div的宽度和重复的背景标签。我希望只有一个版本的这个逻辑，因此缩放父表格可以解决这个问题。

- Ben Parsons

---

vw是解决方案吗？http://stackoverflow.com/a/42399907/384316 - Ben Parsons

展示一些代码或演示你所拥有的。 - Chris

Answer 1

1. 您可以使用CSS3 2D转换：

    div {
        -ms-transform: scale(0.5, 0.5); /* IE 9 */
        -webkit-transform: scale(0.5, 0.5); /* Safari */
        transform: scale(0.5, 0.5);
    }

只需要将此应用于父元素。

2. 您可以使用zoom，但它有两个缺点：

• 如果您正在使用定位，它不是跨浏览器的解决方案
• 它无法在Firefox上工作

例如：

    div {
    zoom: 50%;
    -moz-transform: scale(0.5);
    }

- Gökhan Mete ERTÜRK