获取"可见”;缩放后的视口区域

Get "visible" viewport zone after scaling

本文关键字：视口 区域 缩放 quot 可见 获取      更新时间：2023-09-26

我在web应用程序中使用视口，它可以实现缩放：

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

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

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

有什么方法可以计算这些数据吗？我尝试使用scrollerLeft参数（缩放后它不是"0"），但它返回0（似乎没有更新）。

您将获得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)
}
相关文章：