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