IE7放大时页面居中答案

【问题标题】：Centering page when zoomed in IE7IE7放大时页面居中
【发布时间】：2010-11-07 06:39:07
【问题描述】：

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

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

有谁知道我可以添加到我的身体标签或其他东西的修复？！如果您需要查看任何代码，请告诉我。

【问题讨论】：

标签： html css internet-explorer-7 zooming center

【解决方案1】：

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

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

还有css；

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

应用到它有预期的效果。

（其中width表示布局的宽度）。

居中缩放，在缩放状态下浏览页面时保持居中。在 VMware XP 上的 ie7 中测试。

【讨论】：

【解决方案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位置是“绝对”

【讨论】：