javascript - 按百分比缩放 div 的内容？

Question

构建某种类型的 CMS，用户可以在其中移动框来构建页面布局(无论如何是基本想法)。

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

我意识到我可以有两套 CSS - 一套用于实际的前台页面，一套用于管理工具，然后相应地缩小所有内容，但这似乎很难维护。

我希望可能有某种 jquery 或 CSS 或其他东西可以让我填充一个 div 并赋予它 50% 比例的属性(？)。

Answer 1

您可以简单地使用 zoom属性:

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

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