在iPad

时间:2016-01-06 06:56:27

标签: javascript jquery html css ipad

当我将方向从横向更改为纵向模式时,我的页面在iPad中缩小。我在样式中使用了vw和vh。这个问题仅适用于使用vw和vh而不是使用百分比div的div。我正在使用在我的标题下面的元标记

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

我尝试过很多在stackoverflow和其他网站上建议的解决方案,包括buggyfill.js。

我在iPad 2中遇到这个问题,我在新的iPad上尝试过,它工作正常,即ipad Air ios 8。

请帮我解决这个问题。谢谢你,

1 个答案:

答案 0 :(得分:-1)

较旧版本的Safari不支持vw和vh单元。 See here,但除非问题严重影响网站的可用性(无法导航),否则我不会过于担心,因为大多数iOS设备都会更新到更新的版本。

此外,我还会从元标记中删除“user-scalable = no”和“maximum-scale = 1.0”,因为您基本上不允许捏合和缩放,这被认为是糟糕的可用性练习。< / p>