按比例缩放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的规模()。

http://louisremi.github.io/jquery.transform.js/

例如

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

更新

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

http://www.browsersupport.net/CSS/zoom

或者只是看看这个问题,这可能只是一个骗局:

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