2

別の SO ユーザーの質問が数年前に解決されなかった場所を取り上げています: IE8 は、CSS ズーム値を DIV に適用するときにコンテンツをズームしません

例を次に示します: http://jsbin.com/exicel

「ズームアウト」を押した後、IE8とChromeでどのように見えるかを次に示します。

ここに画像の説明を入力

明らかに、Chrome はすべてを適切に調整します。IE8 はそうするほどクールな子供ではないようです。

これに対する適切な回避策はありますか？IE8 で親をズームして遊んでいますが、レイアウトに他の問題が発生しています。

私はもう試した：

  • 実際のターゲットになる「zoomWrapper」要素でターゲット要素をラップします。これは問題なく動作しますが、IE8 は zoomWrappers ボックス モデルのサイズを変更せず、ページ上で折り返すときに多くの奇妙な要素配置の問題を引き起こします。
  • jQuery .scale() と .animate() を使用する -- スケールは良いアイデアのように思えましたが、ズーム効果のような結果を実際に不正に使用することはできませんでした。Animate はあまり役に立ちません。

  • DXImageTransform を使用したスケーリング:

    $('.rackContentWrapper').css({
    'filter': 'progid:DXImageTransform.Microsoft.Matrix(M11=' + zoomValue + ', M12=0, M21=0, M22=' + zoomValue + ', SizingMethod="auto expand")',
});

これは、CSS ズームでスケーリングするのと同じ問題を抱えながら、テキストを完全に虐殺します。

だから... これは実行可能でなければなりませんよね？たぶん、これを処理するライブラリがそこにありますか？

4

2 に答える 2

2

それは不可能。何人かの人々が試しましたが、IE8 で動作しませんでした:

  • ズームーズ
  • JSImpress
  • ズイ53
  • Presenter.js

これらおよび他の多くの人が、クロスプラットフォームのズーム ライブラリを作成しようとしましたが、失敗しました。

于 2013-09-26T12:52:58.900 に答える