按比例缩放div的内容？

build立一个CMS的种类，用户可以移动框来构build页面布局（无论如何，基本的想法）。

我想从数据库中提取实际的内容，并构build出“页面”，但是它以50％的比例显示。

我意识到我可以有2套CSS – 一个用于实际的前向页面，一个用于pipe理工具，只是收缩所有的东西，但这似乎是一个痛苦的维护。

我希望可能有某种jQuery或CSS，或者让我填充一个div并给它50％的属性（？）。

您可以简单地使用缩放属性：

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

myContainer包含所有正在编辑的元素。这在所有主stream浏览器都支持。

这个跨浏览器的lib似乎更安全 – 只是缩放和moz转换不会覆盖尽可能多的浏览器jquery.transform2d的规模（）。

例如

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

更新

好的 – 我看到有人投票，没有解释。这里的另一个答案在旧的Safari（运行Tiger的人）中不起作用，并且在一些老版本的浏览器中不能一致地工作 – 也就是说，它可以扩展事物，但是这样做或者是非常像素化的，元素的位置与其他浏览器不匹配。

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

为跨浏览器CSS缩放完整样式