css/html响应和视口缩放问题

我将html与meta viewport和css3媒体查询结合使用，使网站对移动浏览器做出响应。它在黑莓手机上运行得非常完美，但在IOS和安卓设备上，它放大得更多。它似乎让事情变得比它应该的要加倍？我读到这与视口比例有关，但如果我使其比例变小，它将在BlackBerry和其他一些设备上出现问题。我已经试着搜索了好几天，尝试了很多东西，但我似乎无法找到答案。我想做的一个例子是，这是否有帮助

有解决办法吗？您可以在此处查看站点，我使用的元视口是：

---

感谢您的帮助！坦克！：）

我没有直接解决您的问题的方法，但我做了一些测试。我检查了我的Android（FF Mobile，Android 4.0），它似乎以正确的缩放显示。这里是主页顶部的一个快速截图：（你提到你也进行了测试，但只是想给你额外的反馈）

据我所知，您的视口标记似乎是正确的，我在自己的网站上对其进行了测试，它工作正常

因为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媒体查询调整每个宽度和高度的显示