2

我使用带有元视口和 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" />

感谢所有帮助！坦克！:)

4

2 回答 2

1

对于您的问题，我没有直接的解决方案，但我做了一些测试。我检查了我的 Android（FF Mobile，Android 4.0），它似乎以正确的缩放比例出现。这是主页顶部的快速截图：https ://dl.dropbox.com/u/71993227/2012-08-20_10-10-12.png （你提到你也测试过，但只是想给你额外的反馈）。

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

因为黑莓和其他一些设备太小了，你可能必须包含另一个只针对小屏幕的媒体查询，并为它们做一些 css 调整。希望这有所帮助！

于 2012-08-19T22:30:42.387 回答
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 媒体查询来调整每个宽度和高度的显示。

于 2014-12-10T17:12:04.720 回答