Android 4.1+(Javascript浏览器):如何禁用旋转缩放

Android 4.1+ (Javascript browser): how to disable zooming/scaling on rotation?

本文关键字:何禁用 旋转 缩放 浏览器 Javascript Android      更新时间:2023-09-26

这是我的元标签:

<meta name="viewport" content="initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,width=device-width,height=device-height,target-densitydpi=device-dpi,user-scalable=no" />

它可以在横向模式下禁用用户缩放。但是,当在人像模式下启动时,或者当用户旋转至少一次时,会重新启用缩放。

我试过了,但(1)在人像模式下启动时,方向更改事件不会启动,(2)它无论如何都不会起任何作用。

addEvent (window, 'orientationchange', function (evt) {
 var viewportmeta = document.querySelector('meta[name="viewport"]')
 if (viewportmeta) {
  viewportmeta.content = "initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,width=device-width,height=device-height,target-densitydpi=device-dpi,user-scalable=no"
 }
})

如何在Android浏览器4.1及更高版本上完全禁用缩放?

注意:这是三星默认安卓浏览器的问题。

这可能已在4.2中修复。