1

IE7 でページを完全にズームしたいクライアント向けの Web サイトを構築しています。私は最終的にほとんどのバグを回避することができましたが、1 つだけです。

ページを拡大すると中央に表示されますが、別のページに移動するとページがレンダリングされ、ページの左上が表示されます。レンダリングを中央に配置する必要があります。私はそれが可能であることを知っています (クライアントは、この機能を持つ bbc.co.uk と比較し続けます)。

body タグなどに追加できる修正を知っている人はいますか?! コードを見る必要がある場合はお知らせください。

4

2 に答える 2

1

サイトをコンテナdivでラップします。

<div id="wrapper">
...
</div>

およびcss;

#wrapper {
margin: 0 auto;
width: XXXpx;
}

それに適用すると、望ましい効果があります。

(ここで、widthはレイアウトの幅を表します)。

ズームは中央に配置され、ズーム状態でページを移動すると中央に留まります。VMwareXPのie7でテスト済み。

于 2009-07-01T14:04:13.783 に答える
0

拡大・縮小するとIEの中心点が左上に見える スクリプトで中心に移動

$.browser.mozilla
    ? $container.css('-moz-transform', 'scale(' + scale + ')')
    : $container.css('zoom', scale)

winW = $(window).width()
winH = $(window).height()

if ($.browser.msie) {
    var offScale = (1 - scale) / 2
    $container.css({
        top   : winH * offScale
      , left  : winW * offScale
})

スケール番号を知っている必要があり、$container の私の位置は「絶対」です

于 2014-09-28T01:22:16.960 に答える