android - 网站在 Android 网络浏览器中无法正确缩放

Question

我正在开发一个移动网站。使用以下元标记在 Safari 中的 iPhone 上运行良好:

<meta name="viewport" content="width=device-width; initial-scale=0.5; maximum-scale=1.0; user-scalable=1;" />

在 Android 中，该网站的宽度扩展到大约 480 像素，并且只占网络浏览器的大约一半，这意味着左侧的网站宽度大约为 480 像素，右侧是空白。

如果我将元标记更改为此，它可以正常工作:

<meta name="viewport" content="width=680; initial-scale=0.5; maximum-scale=1.0; user-scalable=1;" />

因此，“硬编码”宽度为 680 像素是可行的，但我不想这样做，因为该网站旨在容纳多种尺寸。我尝试将 target-densitydpi=device-dpi 添加到元标记，但没有成功。我还可以做些什么来让我的网站缩放到 Android 设备的宽度？

Answer 1

我通过在 jQuery 中使用 $('body').css({ width: $(document).width() }) 来“解决”它，因为该网站已经依赖于 JavaScript。我意识到这不是一个干净的解决方案，但它有效并且我很累，所以现在它必须这样做。如果有人有更好的解决方案，我很乐意听到。