0

HTML エディターから、ユーザーは挨拶文を書くことができます。たとえば、ソース コードは次のようになります。

<p style="text-align:center">
  <span style="font-size:20px">
    <span style="font-family:tahoma,geneva,sans-serif">Hej,</span>
  </span>
</p><br><br>
<p style="text-align:center"><span style="font-size:20px">
  <span style="font-family:tahoma,geneva,sans-serif">
    <span style="color:#FF0000"><em>Du&nbsp;</em></span>
    <strong>kan skrive</strong>&nbsp;
    <span style="color:#0000CD"><u>din hilsen</u></span> her!</span>
  </span>
</p>

魔女はから翻訳します

ここに画像の説明を入力

大きな緑色の「保存」ボタンをクリックすると、次のような簡単なプレビューが表示されます

ここに画像の説明を入力

私の問題は、プレビューが印刷されるものに比例していないことです.CSSを使用して、<div>そのテキストの周りにラップされたスタイルを設定して、もう少し見越して表示することはできません...

25% 縮小したかったのですが、それができる方法はありますか?

4

3 に答える 3

2

css3

#class:target{     -webkit-transform: scale(0.25);
-moz-transform: scale(0.25);
-o-transform: scale(0.25);
-ms-transform:scale(0.25);
transform:scale(0.25); }

http://jsfiddle.net/s26cm/

于 2013-07-29T15:18:59.343 に答える
0

ヒント: font-size を相対的な要素に応じてスケーリングする場合は代わりにpx使用できます。それ以外の場合は、ページ全体のフォント サイズに応じてスケーリングする必要がある場合は、 div を縮小しながら、それに応じてフォントを縮小します。%em

12pt = 16px = 1em = 100%これは、フォントサイズの単位を変更するのに便利かもしれません

idまたはclassそのdivに割り当て、それらをスクリプトのセレクターとして使用して、保存ボタンがクリックされた後にサイズを変更すると、インラインスタイリングが上書きされます。フィドルサーを投稿できますか?

于 2013-07-29T15:26:13.443 に答える