In diesem Artikel wird Techniken zum Verwalten des iPad -Ansichtsfenfers mit JQuery untersucht und darauf konzentriert, das zu beseitigen, was der Autor als "Ansichtsfenster -Cookie" bezeichnet (obwohl dies kein Standardbegriff ist; die Methoden, die beschrieben werden, manipulieren Meta -Tags von Ansichtsfenster und keine Kekse). Der Autor präsentiert mehrere Ansätze zur Steuerung der Skalierung von Ansichtsfenster und Zoom auf iPad -Geräten.
Der Artikel beginnt mit der Erfassung eines ersten Ansichtsfenster -Meta -Tag -Setups:
$('meta[name=viewport]').attr('content','width=device-width, user-scalable=yes, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0');
Dieser Code legt die Ansichtsfensterbreite auf die Gerätebreite fest, ermöglicht die Skalierung der Benutzer und legt die anfänglichen, minimalen und maximalen Zoomebenen fest.
Der Autor stellt dann einen gesturestart
Ereignishörer vor, um die Ansichtsfenstereinstellungen zurückzusetzen, wenn ein Benutzer mit dem Bildschirm mit Pinch-to-Zoom-Gesten mit dem Bildschirm interagiert:
$(document).live('gesturestart', function() { $('meta[name=viewport]').attr('content','width=device-width, user-scalable=yes, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0'); });
Alternative Methoden werden ebenfalls diskutiert, einschließlich der Verwendung von Ereignishörern für Orientierungsänderungen und Manipulation des Ansichtsfenster -Meta -Tags basierend auf dem Ereignis orientationchange
:
(function(doc) { ... }); //More complex function for viewport manipulation var viewportmeta = document.querySelector && document.querySelector('meta[name="viewport"]'), ua = navigator.userAgent; function allowscale() { ... } var t=setTimeout("allowscale()",1000); function doorientationchange() { ... }
Der Artikel schlägt auch vor
body { -webkit-text-size-adjust:none; -webkit-transform: scale(1.1); }
Das obige ist der detaillierte Inhalt vonVerwenden Sie JQuery, um das iPad -Ansichtsfenster Cookie zu löschen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!