Wie erhalten Sie die Breite und Höhe des gezoomten Ansichtsfensters in der Webansicht?

Question

Ich benutze $(window).width() and $(window).height(), um die Breite und Höhe des Webview zu erhalten, aber diese geben mir immer den gleichen Wert und die wahre Breite und Höhe des gesamten Webview. Was ich brauche, ist, die Breite und Höhe des Ansichtsanschlusses zu erhalten, den der Benutzer gerade sieht, so dass beim Vergrößern der Breite und Höhe des Ansichtsanschlusses diese kleiner werden sollte. Ich brauche das, um ein Div-Element innerhalb des View-Ports zu zentrieren, den der Benutzer nur sieht.

Answer 1

Ich bin nicht wirklich gut mit Javascript, aber ich hatte dieses Problem einmal. Ich erinnere mich daran, dass es etwas mit der inneren Breite zu tun hatte. Manchmal müssen Sie auch die Bildlaufleisten berücksichtigen, je nachdem, wie Sie es tun.

fand ich diese hier: Why is the window.width smaller than the viewport width set in media queries

ähnliche Probleme.

function viewport() { 
    var e = window, a = 'inner'; 
    if (!('innerWidth' in window)) { 
     a = 'client'; 
     e = document.documentElement || document.body; 
    } 
    return { width : e[ a+'Width' ] , height : e[ a+'Height' ] }; 
} 

var vpWidth = viewport().width;