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

时间:2013-03-20 12:30:07

标签: android iphone mobile responsive-design

修改

在许多设备上进一步测试并包含一个图形标尺来测量屏幕,似乎整个网站的比例缩小到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">

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

It appears as the screenshot below:

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" />