Question

我在我的网络应用中使用了视口，可以进行缩放：

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

放大和缩小后，我需要知道屏幕上显示的像素。

例如，当我使用初始显示时，我看到我的div（宽度）的0（div left） - 1024（div右）像素，但放大后，区域不同，因为div是＆＃34 ;更宽＆＃34;我只看到它的一部分。

有没有办法计算这些数据？我尝试使用scrollerLeft参数（缩放后不是＆＃34; 0＆＃34;），但它返回0（似乎没有更新）。

Answer 1

你将获得div的宽度

JS Fiddle

$(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)
}

得到＆＃34;可见＆＃34;缩放后的视口区域

1 个答案: