使用CSS缩放整个HTML元素

Question

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

我有一个<table>，并且我正在使用JavaScript模拟象形文字以计算div的宽度+一个重复的背景标签。我只想拥有此逻辑的一个版本，因此扩展父表将解决此问题。

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);
    }