我使用带有元视口(viewport)的 html 和 css3 媒体查询来使网站响应移动浏览器。它在 BlackBerry 上运行完美,但在 IOS 和 Android 设备上放大得更多。这似乎让事情变得比原来应该的多了一倍?我读到这与视口(viewport)比例有关,但如果我将其缩小,那么它会在黑莓和其他一些设备上出现困惑。我已经尝试搜索这个问题好几天了,并尝试了很多事情,但我似乎无法弄清楚。我想做的一个例子是 http://www.dribbble.com/如果有帮助的话。
这个问题有解决办法吗?您可以在此处查看该网站 http://new.comedytime.tv/我正在使用的元视口(viewport)是:
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
感谢所有帮助!坦克! :)
最佳答案
我没有直接解决您的问题,但我做了一些测试。我检查了我的 Android(FF Mobile、Android 4.0),它似乎显示在正确的缩放位置。这是主页顶部的快速屏幕截图:https://dl.dropbox.com/u/71993227/2012-08-20_10-10-12.png (您提到您也进行了测试,但只是想给您额外的反馈)。
据我所知,您的视口(viewport)标签似乎是正确的,我在自己的网站上对其进行了测试,并且它工作正常。
由于 Blackberry 和其他一些设备非常小,因此您可能必须包含另一个仅针对小屏幕的媒体查询,并对其进行一些 CSS 调整。希望这会有所帮助!
关于html - css/html 响应式和视口(viewport)缩放问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10506528/