自动检测屏幕分辨率并使用Javascript更改浏览器缩放？

如何使用Javascript自动检测屏幕分辨率并更改浏览器缩放

---

我在想更像这样的事情：

我有以下代码：

#带
宽度：3300%
的扭曲
和带
宽度：100%
的
遮罩
；然后，每个
.item
都有
宽度：3.030303%
-溢出隐藏，否则它无法按我的要求工作

我的观点是：我已经为至少1280px宽的屏幕做了这项工作

我想要的是，如果有人可以编写代码，我可以使用这些代码在上查看CSS文件，如果您的意思是更改由CTRL+/-触发的本机浏览器缩放，那么这是不可能的。您可以调整CSS属性/应用样式表，但不能影响本机浏览器控件。事实上，这里只有CSS选项，这取决于您的目标受众（以及他们的浏览器选择），通过使用媒体查询、几个示例和。如果这些不合适，那么您可以使用JavaScript执行各种操作来检测屏幕宽度/高度，并进行相应调整

自动检测屏幕分辨率

看

使用javascript更改浏览器缩放

这是不可能的。请参见
RE：自动检测屏幕分辨率并使用Javascript更改浏览器缩放

这个问题是完全可能的，并在我们的网站上生效：

www.noteswithwings.com

JS检测屏幕宽度并缩小或缩小一点，使内容适合屏幕

此外，如果用户调整窗口大小，则会触发缩放。
这实际上有助于将内容安装到平板电脑大小的屏幕和像iphone一样小的屏幕上，而无需添加额外的样式表或检测操作系统/浏览器

 var oldZoom = $(window).width();
var windowWidth = $(window).width();
check_window_size(windowWidth,1,bsr,bsr_ver);

$(window).resize(function() {
var windowWidthnow = $(window).width();
check_window_size(windowWidthnow,2,bsr,bsr_ver);
}); 

function check_window_size(size,init_var,bsr,bsr_ver)
{
/* Develop for resizing page to avoid grey border!
Page layout 1265px wide. 
On page resize shift layout to keep central, zoom BG-img to fill screen
Zoom content down for smaller screens by 5% to keep content flow!
*/

//change this var for screen width to work with, in this case our site is built at 1265
var wdth = 1265;
 //Change this variable for minimum screen;
var smallest_width=1120;
var varZoom= $(window).width()/wdth;
var s_size = $(window).width();
var scale_smaller;
var center = (s_size-wdth)/2;              
var its_ie=false;


    if(size<=smallest_width)
    {
    $("#old_browser").css("width","50%").css({"height":"40px","left": center+"px"});
                    if(!check_for_object(false,"moved_pages"))
                    {
                                if(center<-110)//margin width!
                                {



                                if(!its_ie)
                                $("#scroller").css("zoom",0.95);
                                $("#footer").css("zoom",0.9).css("left",120+"px");
                                $(".colmask").css("left",-110+"px");
                                if(check_for_object(false,"move_menu_loggedin"))
                                $("#move_menu_loggedin").css("right","110px");
                                if(check_for_object(false,"login_div"))
                                $("#login_div").css("left","-80px");
                                return;
                                }
                                $("#move_menu_loggedin").css("left","-"+center+"px");
                                $("#scroll").css("zoom","normal");
                                $(".colmask").css("left",center+"px");  
                    }
                    else
                    {
                    /*Only pages that you do not want to move the colmask for!*/
                            $("#scroller").css("zoom",0.90);//.css("left","-50px");;
                            $("#footer").css("zoom","normal");

                    }
    }
    else
    {
    if(size>wdth)
    $("#background").css("zoom",varZoom);

    $("#scroller").css("zoom","normal");
    $("#footer").css({"zoom":"normal","left":0});

                        if(!check_for_object(false,"moved_pages"))
                        {

                                        $(".colmask").css("left",center+"px");          
                                        $(".colmask").css("zoom","normal");

                                        var movelog = -center;
                                        if(check_for_object(false,"move_menu_loggedin"))
                                        $("#move_menu_loggedin").css("right",movelog +"px");
                                        if(check_for_object(false,"login_div"))
                                        $("#login_div").css("left","80px");


                        }
                        else
                        {
                        $(".colmask").css("zoom","normal");
                        }
                        }
}

var oldZoom=$（窗口）.width（）；
var windowWidth=$（window.width（）；
检查窗口大小（窗口宽度，1，bsr，bsr版本）；
$（窗口）。调整大小（函数（）{
var windowWidthnow=$（window.width（）；
检查窗口大小（windowWidthnow，2，bsr，bsr版本）；
}); 
函数检查窗口大小（大小、初始变量、bsr、bsr版本）
{
/*开发用于调整页面大小以避免灰色边框！
页面布局1265px宽。
在页面上调整shift布局以保持居中，缩放BG img以填充屏幕
将较小屏幕的内容缩小5%，以保持内容流动！
*/
//更改屏幕宽度的这个变量，在这种情况下，我们的站点是在1265年建立的
var wdth=1265；
//将此变量更改为最小屏幕；
var最小_宽度=1120；
var varZoom=$（窗口）.width（）/wdth；
var s_size=$（窗口）.width（）；
var标度越小；
var中心=（s_大小-wdth）/2；
var-its_ie=false；
如果（大小<代码>这将有助于检测在所有浏览器上测试的浏览器缩放
window.utility=函数（utility）{
实用程序屏幕={
rtime:新日期（1,1,2000,12,00,00），
超时：false，
增量：200
};
utility.getBrowser=函数（）{
var$b=$.browser；
$.extend（utility.screen，$.browser）；
utility.screen.isZoomed=false；
var screen=utility.screen；
screen.zoomf=screen.zoom=1；
screen.width=window.screen.width；
screen.height=window.screen.height；
如果（$b.mozilla）{//对于mozilla
screen.isZoomed=window.matchMedia（'（max--moz设备像素比：0.99），（min--moz设备像素比：1.01））。匹配；
}否则{
如果（$b.chrome）{//chrome
screen.zoom=（window.outerWidth-8）/window.innerWidth；
screen.isZoomed=（screen.zoom<.98 | | screen.zoom>1.02）
}否则如果（$b.msie）{//IE7、IE8、IE9
var_screen=document.frames.screen；
screen.zoom=（（_screen.deviceXDPI/_screen.systemXDPI）*100+0.9.toFixed（））/100）；
screen.isZoomed=（screen.zoom<.98 | | screen.zoom>1.02）；
如果（screen.isZoomed）screen.zoomf=screen.zoom；
screen.width=window.screen.width*screen.zoomf；
screen.height=window.screen.height*screen.zoomf；
}
}
返回实用程序.screen；
};
window.onresize=函数（e）{
utility.screen.rtime=新日期（）；
if（utility.screen.timeout==false）{
utility.screen.timeout=true；
setTimeout（window.resizeend、utility.screen.delta）；
}
};
window.resizeend=函数（）{
if（新日期（）-utility.screen.rtime

看看这个：你为什么要这样做？：）用户习惯于其他网站在其浏览器中的比例相同，他们可能不希望您的内容大小有所不同。如果该网站链接在您发布此内容后的3年内发生了更改，则此答案将无效。我希望答案包含解决此问题所需的所有代码。请不要重复您的答案。如果问题是重复的，在其中一个问题上发表你的答案（当你获得足够的声誉、标志或投票来结束另一个问题时）。如果问题不是重复的，那么请根据所问的具体问题定制您的答案。另外：请不要发布仅链接的答案。请将链接的相关部分包含在此处，以便在链接消失时，您的答案不会变得无用。仅链接的答案不受欢迎，因为如果链接消失并迫使人们阅读，则这些答案将变得无用点击多次。你能在这里总结这篇文章吗？一定要引用并给予赞扬。/***希望这个答案是正确的***/这是正确的
This will help to detect browser zoom tested on all browser
<script>
window.utility = function(utility){
utility.screen = {
    rtime : new Date(1, 1, 2000, 12,00,00),
    timeout : false,
    delta : 200
};
utility.getBrowser = function(){
    var $b = $.browser;
    $.extend(utility.screen,$.browser);
    utility.screen.isZoomed = false;
    var screen  = utility.screen;
    screen.zoomf  = screen.zoom = 1;
    screen.width = window.screen.width;
    screen.height = window.screen.height;
    if($b.mozilla){ //FOR MOZILLA
        screen.isZoomed  = window.matchMedia('(max--moz-device-pixel-ratio:0.99), (min--moz-device-pixel-ratio:1.01)').matches;
    } else {
        if($b.chrome){ //FOR CHROME
            screen.zoom = (window.outerWidth - 8) / window.innerWidth;
            screen.isZoomed = (screen.zoom < .98 || screen.zoom > 1.02)
        } else if($b.msie){//FOR IE7,IE8,IE9
            var _screen = document.frames.screen;
            screen.zoom = ((((_screen.deviceXDPI / _screen.systemXDPI) * 100 + 0.9).toFixed())/100);
            screen.isZoomed = (screen.zoom < .98 || screen.zoom > 1.02);
            if(screen.isZoomed) screen.zoomf = screen.zoom;
            screen.width = window.screen.width*screen.zoomf;
            screen.height = window.screen.height*screen.zoomf;
        }
    }
    return utility.screen;
};
  window.onresize = function(e){
       utility.screen.rtime = new Date();
        if (utility.screen.timeout === false) {
              utility.screen.timeout = true;
              setTimeout(window.resizeend, utility.screen.delta);
        }
  };
window.resizeend = function() {
    if (new Date() - utility.screen.rtime < utility.screen.delta) {
        setTimeout(window.resizeend, utility.screen.delta);
    } else {
        utility.screen.timeout = false;
        utility.screen = utility.getBrowser();
        if(window.onresizeend) window.onresizeend (utility.screen);
        if(utility.onResize) utility.onResize(utility.screen);
    }               
};
window.onresizeend = function(screen){
    if(screen.isZoomed)
        $('body').text('zoom is not 100%');
    else{
        $('body').text('zoom is 100% & browser resolution is'+[screen.width+'X'+screen.height]);
    }
};
$(document).ready(function(){
    window.onresize();
});
return utility;
}({});
</script>