Javascript 按百分比缩放div的内容？

构建一个CMS，用户可以在其中移动框来构建页面布局（无论如何，这是一个基本的想法）

我想从数据库中提取实际内容并构建“页面”，但让它以50%的比例显示

我意识到我可以有两套CSS——一套用于实际的正面页面，另一套用于管理工具，并相应地缩小所有内容，但这似乎是一个很难维护的问题

我希望有某种jquery或CSS或其他东西可以让我填充一个div，并为它提供50%比例的属性（？）。

您可以简单地使用该属性：

#myContainer{
    zoom: 0.5;
    -moz-transform: scale(0.5);
}

---

其中myContainer包含您正在编辑的所有元素。这在所有主要浏览器中都受支持。

这个跨浏览器库似乎更安全-只需缩放和moz transform就不会像jquery.transform2d的scale（）那样覆盖那么多浏览器

比如说

$('#div').css({ transform: 'scale(.5)' });

更新 好的，我看到人们在没有解释的情况下否决了这一点。这里的另一个答案在旧的Safari（运行Tiger的人）中不起作用，在一些旧的浏览器中也不起作用-也就是说，它确实可以缩放东西，但它的方式要么非常像素化，要么以与其他浏览器不匹配的方式改变元素的位置

或者看看这个问题，这个问题可能只是一个骗局：

---

出于好奇，如果所有主要浏览器都支持

缩放

，为什么

-moz transform:scale（0.5）必需？或者，这两个语句是否都需要覆盖所有浏览器？@rinogo根据当前版本的Firefox不支持
zoom
，所以我认为这就是为什么包含
-moz transform
。这节省了我很多时间@BenjaminGruenbaum如果它在firefox上看起来不好（即未正确对齐），请添加此属性
变换原点：0 0
或
-moz变换原点：0 0
，以修复它！转换和缩放是现代的方法：）