2

<div>, <span>Bootstrap互換などのタグを使用する「投稿」クリエーターを作成しようとしています。ユーザーが自分の投稿をテキストボックスに入力している間、私はその横に1/2ページ幅のサイズの「プレビュー」を作成したいと思っていました。したがって、その中のすべてが2つ縮小されます。

私の質問：ブートストラップ要素を縮小してプレビューにできるようにする方法はありますか？などを使用jqueryして入力を取得し、ページに動的にフォーマットできますが、実際にすべてを縮小する方法を知っている必要があります。

ありがとう！

4

1 に答える 1

2

ターゲット ユーザーについて推測したり、最低限のブラウザー ガイドラインを設定したりできると仮定すると、1 つのオプションはCSS3 2D Transformsを利用することです。たとえば、プレビュー ウィンドウを 50% 拡大したい場合は、次のようにします。

#my-preview-div {
transform: scale(.5);
-ms-transform: scale(.5); /* IE 9 */
-webkit-transform: scale(.5); /* Safari and Chrome */
-o-transform: scale(.5); /* Opera */
-moz-transform: scale(.5); /* Firefox */      
}

次に、jquery を使用して、プレビュー html をプレビュー div に挿入できます <div id="my-preview-div"></div>。

于 2013-01-23T03:37:28.900 に答える