IOS 7 safari忽略视口标记

时间:2014-01-29 10:36:47

标签: html css ios7 responsive-design

如果您在IOS7设备上查看Safari中的this site,您会看到内容稍微放大,页面可以水平滚动。它不能在其他移动设备上执行此操作,例如,它完全适合屏幕,因为它应该只能垂直滚动。它曾经在IOS6上很好,但自从IOS7改为开始表现得很糟糕。

我有以下视口标记:

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

3 个答案:

答案 0 :(得分:1)

页面宽度约为375像素,iphone屏幕宽度为320像素(即使是视网膜屏幕呈现此宽度)。

如果没有您提供相关代码,我无法告诉您修复,但这就是问题所在。

答案 1 :(得分:0)

试试这个:

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

答案 2 :(得分:0)

终于破解了!安德鲁是对的我需要将最小宽度更改为320px,我还必须从视口标记中删除width = device-width