1

编辑:

在许多设备上进行了进一步测试并包括一个图形标尺来测量屏幕,似乎整个站点都被缩放到 200%。我尝试将 maximum-scale=1 添加到视口元标记,但这只会阻止缩放,而不是已经应该为 1 的初始比例。还尝试将初始比例减小到 1 以下,但没有区别。注意:缩放是关闭 iphone 常规设置。


在我们新的响应式站点上,我们有一个 300 像素 X 75 像素的谷歌双击横幅。我正在测试的 iphone4 屏幕(chrome、sarafri)的分辨率为 640x960,但横幅明显宽于 300 像素。刚刚检查了一个联系(chrome),它也比它应该的大。在一个站点上,它以正确的大小显示,所以我认为没有任何媒体查询可以扩大它。

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

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

它显示为以下屏幕截图:

4

1 回答 1

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" />
于 2013-03-21T17:00:48.577 回答