1

我建立了一个（半）响应式站点，最小宽度为 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 上运行良好，可将站点缩小以适应视口，然后用户可以根据需要放大。

这段代码在 Android 上的行为方式不同，相反，页面加载时会放大到左上角，用户必须缩小才能查看整个页面。

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

谢谢

4

0 回答 0