我使用带有视口和css3媒体查询的html来使网站对移动浏览器做出响应。它在BlackBerry上运行完美，但在IOS和Android设备上它可以放大更多。它似乎使事情成为应有的两倍？我读到这与视口规模有关，但如果我缩小规模，那么它将在BlackBerry和其他一些设备上搞乱。我试着搜索这个字面上几天并尝试了很多东西，但我似乎无法弄明白。我想做的一个例子是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" />
所有帮助表示赞赏！坦克！ ：）
答案 0 :(得分：1)
我没有直接解决你的问题，但我做了一些测试。我检查了我的Android（FF Mobile，Android 4.0），它似乎以正确的缩放显示。这是主页顶部的快速屏幕截图：https://dl.dropbox.com/u/71993227/2012-08-20_10-10-12.png（您提到过您也测试了，但只是想给您额外的反馈）。
您的视口标记似乎是正确的，我可以在我自己的网站上测试它，并且它可以正常工作。
由于Blackberry和其他一些设备非常小，您可能必须包含另一个仅针对小屏幕的媒体查询，并对它们进行一些css调整。希望这有点帮助！
答案 1 :(得分：1)
尝试
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媒体查询调整每个宽度和高度的显示。