我想在我的Javascript应用程序打开时动态重置缩放或缩放。 假设开始页面已放大,但是当我在新对话框中打开我的应用程序时,我想要缩放缩放。
我尝试动态更改适用于Android的元标记,但在iOS上失败。 还有其他技巧吗?
以下是我的功能,我尝试了一切。
function setMeta(){
$('meta[name=viewport]').attr('content', 'width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no, user-scalable=0');
document.body.style.zoom="100%";
document.getElementById("medView").setAttribute('content','user-scalable=no, width=device-width, minimum-scale = 1, maximum-scale = 1');
if (navigator.userAgent.match(/iPhone/i) || navigator.userAgent.match(/iPad/i)) {
var viewportmeta = document.querySelector('meta[name="viewport"]');
if (viewportmeta) {
alert("we are here");
viewportmeta.content = 'width=device-width, minimum-scale=1.0, maximum-scale=1.0, initial-scale=1.0';
document.body.addEventListener('gesturestart', function () {
viewportmeta.content = 'width=device-width, minimum-scale=0.25, maximum-scale=1.6';
}, false);
}
}
}