[解決済み] div の内容をパーセンテージで拡大縮小する？

質問

ユーザーがボックスを移動してページレイアウトを構築できるCMSのようなものを構築しています（とにかく基本的なアイデア）。

データベースから実際のコンテンツを取り込んで、quot;page" を構築したいのですが、50% のスケールで表示する必要があります。

私は、2 組の CSS を持つことができることを理解しています - 1 つは実際のフロントフェイシングページ用、もう 1 つは管理ツール用で、それに応じてすべてを縮小します。

私は、divに入力し、50%スケールのプロパティ(?)を与えることができるjqueryまたはCSSか何かの種類があるかもしれないと期待していました。

どのように解決するには？

単純に ズーム プロパティを使用します。

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

ここで、myContainerは編集中のすべての要素を含んでいます。これは、すべての主要なブラウザでサポートされています。