2013-03-20 95 views
1

EDIT响应站点:缩放,以200%上移动

上具有多个设备的进一步测试,其中包括图形直尺测量它似乎整个网站被缩放为200%的画面。我尝试在视口元标记中添加maximum-scale = 1,但这样做只能防止缩放,而不是初始缩放,这已经应该是1.还尝试将初始缩放比例降低到1以下,但没有区别。 注:缩放是关闭iphone的一般设置。


在我们的新响应式垃圾上,我们有一个google doubleclick横幅300px x 75px。我正在测试的iphone4屏幕(chrome,sarafri)的分辨率为640x960,但横幅宽度大于300px。刚刚检查了一个nexus(铬),它也比它应该大。在一个destop它显示在正确的大小,所以我不认为有任何媒体查询扩大它。

我已经包含meta标签: <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1">

为什么它大于它应该将不胜感激的任何想法!

It appears as the screenshot below:

回答

2

在iPhone 4显示具有像素作为与原始的iPhone的四倍。为了防止移动网站看起来很小,它将它们放大了200%。

您将横幅导出为哪种文件类型? iPhone通常不喜欢位图图像,有时甚至是HTML5画布。

您是否尝试过设置最大比例并防止用户缩放?你的描述说明已经设置了最大比例,但你提供的代码是最小的?

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" /> 
+2

谢谢比利:)横幅是通过谷歌双击服务的gif。只有最小宽度的代码是初始文章,因为我们尝试了最大规模,并防止用户缩放,但它仍然出现在相同的200%。感谢您澄清为什么发生,至少我知道它不是我们网站的错误 - 我们必须解决它。欢呼 – 2013-03-21 17:09:30

+0

没问题,祝您找到解决方案! – JellyFishBoy 2013-03-22 10:15:48