修改
在许多设备上进一步测试并包含一个图形标尺来测量屏幕,似乎整个网站的比例缩小到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">
对于为什么它应该比它更大的任何想法都将不胜感激!
答案 0 :(得分: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" />