Question

我有一个适用于FireFox / Chrome / Opera / Safari的任何缩放的网站...但在Internet Explorer上，该网站只有100％缩放才能看起来很好。在IE7中默认缩放是100％，但在IE8中默认缩放是125％，所以如果你使用的是IE8，你需要按ctrl + 0。我使用了来自http://www.css3pie.com的PIE.htc来支持IE上的CSS3。

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

Answer 1

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

由用户决定他们希望页面缩放的方式，而不是你。请记住，这通常是由于人们看不清楚（或根本看不到），他们对能够阅读页面的兴趣远远超过缩放图形的外观。

Answer 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％打开，所以请检查您的浏览器设置。整个讨论可能没有实际意义。）

Answer 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>

Answer 4

感谢Brad和Tim Medora 我认为“-ms-zoom”属性很有用。

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

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

详见here。

Mobile Firefox也支持此元标记此外，此标记可能对桌面浏览器有用，但它们尚不支持它。

强制网页以100％缩放打开（在IE8中）

4 个答案: