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 像素，仅占 Web 浏览器的一半左右，这意味着左侧的网站宽度约为 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

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