Question

我正在为希望他们的网页在IE7中完美缩放的客户建立一个网站。我终于设法解决了大部分错误，但只有一个。

当您放大页面时，它会很好地居中，但是当您转到另一个页面时，页面会呈现并显示页面的左上角。我需要让它渲染为中心。我知道这是可能的（客户端不断将它与具有此功能的bbc.co.uk进行比较）。

有没有人知道我可以添加到我的身体标签或其他什么的修复？！如果您需要查看任何代码，请与我们联系。

Answer 1

将您的网站包装在容器div中;

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

和css;

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

适用于它具有预期的效果。

（宽度表示布局的宽度）。

缩放居中，当在缩放状态下移动页面时保持居中。在VMware XP上测试ie7。

Answer 2

缩放/缩放时，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的位置是＆＃34;绝对＆＃34;

在IE7中放大时居中页面

2 个答案: