我使用带有元视口和 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" />
感谢所有帮助！坦克！ :)
【问题讨论】：
标签： html xhtml mobile-website viewport responsive-design
我没有针对您的问题的直接解决方案，但我做了一些测试。我检查了我的 Android（FF Mobile，Android 4.0），它似乎以正确的缩放比例出现。这是主页顶部的快速屏幕截图：https://dl.dropbox.com/u/71993227/2012-08-20_10-10-12.png（您提到您也进行了测试，但只是想给您额外的反馈）。
据我所知，您的视口标签似乎是正确的，我在自己的网站上对其进行了测试，并且运行正常。
由于 Blackberry 和其他一些设备太小，您可能必须包含另一个仅针对小屏幕的媒体查询，并为它们进行一些 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 媒体查询来调整每个宽度和高度的显示。
【讨论】：