通过javascript设置初始比例 - Android不缩小

Question

我建立了一个（半）响应式网站，最低宽度为768像素。这是因为对于小于iPad的屏幕，内容并不实用。

我有<meta name="viewport" content="initial-scale = 1.0, maximum-scale = 1.0" /> 在HTML的头部，然后在CSS中的主体上设置最小宽度。

但是，我仍然希望该网站能够在iPhone，Nexus等移动设备上呈现。

我所做的是像这样的一点点JavaScript：

if (document.documentElement.clientWidth < 480) {
            document
                .querySelector("meta[name=viewport]")
                .setAttribute('content', 'initial-scale=0.4', 'maximum-scale=0.4', 'width=768');
        };

这适用于iPhone，缩小网站以适应视口，然后用户可以根据需要放大。

同样的代码在Androids上的行为方式不同，而是页面加载到左上角，用户必须缩小才能查看整个页面。

有没有人对如何在Android上实现这一点有任何想法？还是不行？

由于