强制网页以 100% 缩放打开（在 IE8 中）答案

【问题标题】：force webpage to open in 100% zoom (in IE8)强制网页以 100% 缩放打开（在 IE8 中）
【发布时间】：2011-06-10 17:53:46
【问题描述】：

我有一个网站，它适用于 FireFox/Chrome/Opera/Safari 的任何缩放...但在 Internet Explorer 上，该网站看起来不错，只有 100% 缩放。在 IE7 中默认缩放为 100%，但在 IE8 中默认缩放为 125%，因此如果您使用 IE8，则需要按 ctrl+0。我使用来自http://www.css3pie.com 的 PIE.htc 来支持 IE 上的 CSS3。

是否有控制视图大小的 JavaScript 代码或元标记？当然，我只会将它用于 IE。

【问题讨论】：

标签： javascript html internet-explorer dhtml meta-tags

【解决方案1】：

不，这是不可能的。用户偏好取决于用户，即使您可以找到解决方法，也不应该这样做。

由用户决定他们希望他们的页面如何缩放，而不是您。请记住，这通常是由于人们看不清楚（或几乎看不到），他们更感兴趣的是能够阅读页面而不是缩放后的图形看起来有多好。

【讨论】：

【解决方案2】：

http://msdn.microsoft.com/en-us/library/ms531189(v=vs.85).aspx

“Windows Internet Explorer 8。 -ms-zoom 属性是 CSS 的扩展，可以用作在 IE8 模式下放大。”

话虽如此，我还没有尝试过了解它的行为方式，并且您不应该对用户强加特定的大小（如@Brad 所述）。

所有现代浏览器都可以很好地平滑地向上和向下缩放，所以我不会太担心。

编辑：您的网站在我的机器上的 Chrome 和 IE8 中看起来不错（无论如何，它在我的机器上以 100% 的速度打开，因此请检查您的浏览器设置。整个讨论可能没有实际意义）。

【讨论】：

【解决方案3】：

它适用于 Chrome

<script>
    document.firstElementChild.style.zoom = "reset";
</script>

这样我可以防止用户放大页面

<script>
    $(document).ready(function () {
        $(document).keydown(function (event) {
            if (event.ctrlKey == true && (event.which == '107' || event.which == '109' || event.which == '187' || event.which == '189')) {
                event.preventDefault();
            }
        });

        $(window).bind('mousewheel DOMMouseScroll', function (event) {
            if (event.ctrlKey == true) {
                event.preventDefault();
            }
        });
    })
</script>

【讨论】：

【解决方案4】：

感谢布拉德和蒂姆·梅多拉。
我认为“-ms-zoom”属性很有帮助。

Apple 为 iPhone 和 iPod 上的 Safari 开发了一个很好的解决方案：

<meta name="viewport" content="initial-scale=1.0 , minimum-scale=0.5 , maximum-scale=1.5" />

查看详情here。

移动版 Firefox 也支持此元标记。
此外，这个标签可能对桌面浏览器有用，但它们还不支持它。

【讨论】：