如果您在IOS7设备上查看Safari中的this site,您会看到内容稍微放大,页面可以水平滚动。它不能在其他移动设备上执行此操作,例如,它完全适合屏幕,因为它应该只能垂直滚动。它曾经在IOS6上很好,但自从IOS7改为开始表现得很糟糕。
我有以下视口标记:
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
答案 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