网站在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。我意识到这不是一个干净的解决方案，但它有效，我很累，所以现在它必须这样做。如果有人有更好的解决方案，我很乐意听到它。