0

カスタマイズされたコンテンツ管理システムを使用しています。CKEditor を使用してコンテンツを変更しています。編集後に送信ボタンをクリックしたときに Web ページのライブ プレビューが必要です。iframe を使用していますが、Web ページのサイズが大きいため、水平スクロール バーと垂直スクロール バーが表示されます。

完全なページを表示するために特定のディメンションで実行したいということは、ウェブページをより小さなサイズでレンダリングすることを意味します。Webページの画像でも問題ありません。

4

1 に答える 1

3

私はcss3pleaseが大好きです:

<style type="text/css">
.box_scale {
              width:300px;
             height:300px;
  -webkit-transform: scale(0.5);  /* Saf3.1+, Chrome */
     -moz-transform: scale(0.5);  /* FF3.5+ */
      -ms-transform: scale(0.5);  /* IE9 */
       -o-transform: scale(0.5);  /* Opera 10.5+ */
          transform: scale(0.5);
             filter: progid:DXImageTransform.Microsoft.Matrix(/* IE6–IE9 */
                     M11=0.9999619230641713, M12=-0.008726535498373935, M21=0.008726535498373935, M22=0.9999619230641713,SizingMethod='auto expand');
}

</style>

<div class="box_scale">
    <iframe width="300" height="300" src="http://example.org"></iframe>
</div>

スケールを選択する以外の唯一のことは、div に幅と高さを追加することでした。もちろん、変換起点にもいくつかのルールを追加したい場合があります。参照: https://developer.mozilla.org/en/CSS/transform

于 2012-06-01T06:51:51.477 に答える