将旋转更改为Android移动设备上的横向后页面缩放

Question

如何将旋转从纵向更改为横向后如何避免页面缩放？如果内容大于设备宽度，则此问题将出现在Mobile Android设备上（我无法限制或缩放图像，应该出现滚动）。

视口元标记的内容设置为“宽度=设备宽度，初始比例= 1.0”。

除了使用“ user-scalable = no或maximum / minimum-scale = 1”以外，还有什么方法可以解决此问题？

Answer 1

我碰到了这个问题，并且能够通过将初始比例值从1旋转到1.001来覆盖来解决它。这有效地强制了您使用的任何Android浏览器重绘页面，并且由于值是如此接近，因此它们看起来几乎是相同的。

let _AndroidDevice = navigator.userAgent.includes('Android');
let metaViewport = $('meta[name=viewport]').attr('content');

if (_AndroidDevice){

    if (metaViewport.includes('initial-scale=1.001')) {
        metaViewport = metaViewport.replace('initial-scale=1.001', 'initial-scale=1.0');
    } else {
        metaViewport = metaViewport.replace('initial-scale=1.0', 'initial-scale=1.001');
    }

    $('meta[name=viewport]').attr('content', metaViewport);
}

希望这会有所帮助。