设置IE＆＃8220;光学变焦＆＃8221;功能使用Javascript / CSS

Question

我维护的网站设计非常严格，使用像素进行字体大小，尺寸，绝对定位等。

现在有一个功能请求，要求用户添加字体大小调整。虽然我知道如果不使用相对尺寸从头开始重新设计网站是不可能的，我发现该网站与IE7 / IE8缩放功能（Ctrl +＆amp; Ctrl - ）非常相配。

问题是，有没有办法'建议'IE以默认缩放级别（比如125％）打开此网站，而用户自己无需缩放？

该网站仅用于IE 7+。

Answer 1

如果这是您的用户选择，请将其留给浏览器最成熟的浏览器我们使用缩放功能放大页面渲染（IE 7＆amp; 8，Opera，FireFox，Chrome 2.0，Safari？）。除了取决于您的用户来自哪个系统（屏幕分辨率）将决定他们的缩放选择。不幸的是，每个浏览器处理记住您的缩放设置稍有不同，例如每个站点的chrome记忆，而ie是每个新标签/窗口的全局设置。

Answer 2

如果你真的想做你想做的事，我当然不推荐，尝试这样的事情：

$(function(){
    var ratio = 1;
    $(document.body).css("zoom", 1.25); // zoom the page on DOMReady

    // bring back a 'normalized' behavior keyevent zooming
    $(document).keydown(function(e){
        if(e.ctrlKey && {187:1, 189:1, 96:1}[e.which]) {
            switch(e.which){
                case 187: // ctrl +
                    ratio += 0.25;
                    break;

                case 189: // ctrl -
                    ratio -= 0.25;
                    break;

                case 96: // ctrl 0
                    ratio = 1;
            }

            $(this.body).css("zoom", ratio);

            e.preventDefault();
        }
    });
});