IE8のズームインに問題があります。
さて、3つのボタンがある機能があります。それらのボタンをクリックすると、そのボタンの後ろにある値に合わせてWebページがズームされます。すべてがCookieに保存され、ページのonloadにこのCookieが読み込まれ、cssプロパティがページ全体に設定されます。
私のJSコード:
var content = document.getElementById("zoomable");
document.getElementById('zoomable').style.zoom = myvalue;
document.getElementById('zoomable').style.overflow = "auto";
content.style.overflow = "auto";
document.getElementById('zoomable').style.MozTransform = 'scale('+myvalue+')';
document.getElementById('zoomable').style.MozTransformOrigin = '0 0';
document.cookie="mysize=" + myvalue;
Chrome、IE9、IE7(少なくとも、そこでは問題ないようですが、間違っている可能性があります)、およびFFではすべて問題ありません。ie8では、この関数は私のレイアウトを破壊します。ズーム機能は、ズームインするだけでなく、すべてをサイズ変更しているようです。右側の境界線を突破し、スクロールできない厄介なオーバーフローを作成します。私は検索して試し、試して検索しましたが、成功しませんでした。
誰かが問題を知っていますか?(はっきりしない場合は、お気軽にお問い合わせください:))
これまでのところアディ
編集:重要な場合は、私のレイアウトがテーブルで構成されているのではなく、「display-table:」プロップを使用してdivで作成されていることを追加するかもしれません
edit2:
わかった。
誰かが同じ問題を抱えている場合、私は私に私の個人的な間違いを示します。
私のbodyタグである「zoomable」プロパティの私のdiv:
margin: 10px auto;
width: 974px;
background-color: #fff;
padding: 0 12px 5px 12px;
text-align: center;
font-size: 11px;
ここで問題となるのは、ie8がページ幅のスケーリングを不可能な量だけ変更したことです。そこで、divを使用してすべてをbodyタグ内にラップし、上記のすべての属性を新しいdivに与え、古いものをbodyタグから削除しました。jqueryで何も変更しませんでした。それでも、bodyタグでズームを使用します。そうしないと、以前と同じ問題が発生します。何がこの振る舞いを引き起こしているのかわかりません。それはie8だけにあります。しかし、とにかくこれを読んだすべての人に感謝します!:D