我使用带有元视口和CSS3媒体查询的HTML来使网站响应移动浏览器。 它在黑莓手机上完美运行，但在IOS和Android设备上，它可以放大更多。 它似乎使事情翻了一番？ 我读到这与视口比例有关，但如果我让它缩小，那么它会在黑莓和其他一些设备上搞砸。 我试过了从字面上搜索了几天并尝试了很多事情，但我似乎无法弄清楚。我想做的一个例子是 http://www.dribbble.com/这是否有帮助。
有解决这个问题的方法吗？ 你可以在这里查看网站 http://new.comedytime.tv/我使用的元视口是：
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
感谢所有的帮助！ 坦克！ :)
我没有针对您的问题的直接解决方案，但我做了一些测试。我检查了我的安卓（FF Mobile，Android 4.0），它似乎出现在正确的缩放比例下。以下是主页顶部的快速屏幕截图：https://dl.dropbox.com/u/71993227/2012-08-20_10-10-12.png（您提到您也测试过，但只是想给您额外的反馈）。
据我所知，您的视口标签似乎是正确的，我在自己的网站上对其进行了测试，并且它工作正常。
由于黑莓和其他一些设备非常小，您可能必须包含另一个仅针对小屏幕的媒体查询，并为它们进行一些 css 调整。希望这有所帮助！
尝试
user-scalable = 0
而不是
user-scalable = no
这应该适用于每个设备分辨率。不过变焦正在停用。
<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
使用 css 媒体查询调整每个宽度和高度的显示。