Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/435.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 获得;可见的;缩放后的视口区域_Javascript_Jquery_Scale_Viewport - Fatal编程技术网

Javascript 获得;可见的;缩放后的视口区域

Javascript 获得;可见的;缩放后的视口区域,javascript,jquery,scale,viewport,Javascript,Jquery,Scale,Viewport,我在我的web应用程序中使用viewport,它支持缩放: <meta name="viewport" content="width=device-width, initial-scale=1.0 ,maximum-scale=2.0" /> 在放大和缩小之后,我需要知道屏幕上显示了哪些像素 例如,当我使用初始显示时,我看到0(div left)-1024(div right)像素的div(width),但放大后,区域不同,因为div“更宽”,我只看到它的一部分 有没有办法计算

我在我的web应用程序中使用viewport,它支持缩放:

<meta name="viewport" content="width=device-width, initial-scale=1.0 ,maximum-scale=2.0" />

在放大和缩小之后,我需要知道屏幕上显示了哪些像素

例如,当我使用初始显示时,我看到0(div left)-1024(div right)像素的div(width),但放大后,区域不同,因为div“更宽”,我只看到它的一部分

有没有办法计算这些数据?
我尝试使用scrollerLeft参数(缩放后不是“0”),但它返回0(似乎没有更新)。

您将获得div的宽度

$(window).resize(function () {
    findwidth()
})

findwidth()

function findwidth() {
    var a = $('.left').width()
    var b = $('.right').width()
    var c = $(window).width()

    $('.width1').html(a)
    $('.width2').html(b)
    $('.full').html(c)
}