响应式网站在移动设备上的比例达到200％

Question

修改

在许多设备上进一步测试并包含一个图形标尺来测量屏幕，似乎整个网站的比例缩小到200％。我尝试将最大比例= 1添加到视口元标记，但这只能防止缩放，而不是初始比例，它已经应该是1.还尝试将初始比例降低到1以下，但没有区别。 注意：缩放是关闭iphone常规设置。

---

在我们新的响应式文本中，我们有一个谷歌双击横幅300px X 75px。我测试的iphone4屏幕（chrome，sarafri）的分辨率为640x960，但横幅明显宽于300px。只需检查一个nexus（铬），它也应该比它应该大。在一个destop上它以正确的大小显示，所以我不认为有任何媒体查询扩展它。

我已加入元标记：     <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1">

对于为什么它应该比它更大的任何想法都将不胜感激！

Answer 1

iPhone 4显示屏的像素数是原始iPhone的四倍。为了防止移动网站看起来很小，它会将它们放大200％。

您将横幅导出为哪种文件类型？ iPhone一般不喜欢位图图像，有时甚至不喜欢HTML5画布。

您是否尝试过设置最大比例并阻止用户缩放？您的描述说明已设置最大比例，但您提供的代码表示最小？

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