IE7 放大时页面居中

发布于 2024-07-26 01:41:08 字数 237 浏览 4 评论 0原文

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

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

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

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

夏九 2024-08-02 01:41:08

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

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

和CSS；

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

应用到它上面就达到了预期的效果。

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

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

Wrapping your site in a container div;

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

and the css;

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

applied to it has the desired effect.

(Where width represents the width of the layout).

Zooms centered, and when moving through pages in the zoomed state stays centered. Tested in ie7 on VMware XP.

回复收藏 0 原文

瞎闹 2024-08-02 01:41:08

当缩放/缩放时，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 位置是“绝对”

When scale/zoom, the center point of IE seems at the top-left
I move to the center by scripts

$.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
})

You must know the scale number and my position of $container is "absolute"

回复收藏 0 原文

~没有更多了~