取得「看得見」視區縮放

Question

我在我的web應用程序，這使得使用視後縮放：

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

經過放大和縮小，我需要知道的像素在屏幕上顯示什麼。

例如，當我使用初始顯示時，我看到了div（width）的0（div div） - 1024（div right）像素，但放大後面積不同，因爲div是「更寬「我只看到它的一部分。

有什麼方法可以計算這些數據嗎？ 我試過使用scrollerLeft參數（縮放後不是「0」），但它返回0（好像沒有更新）。

Answer 1

您將獲得的股利

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

的寬度