iPad不能在纵向上正确缩放网站网站

Question

这有点奇怪,想知道是否有人有解决方案.

我们刚刚建立了一些宽度超过1000像素的网站,出于某种原因,当iPad在纵向模式下加载时,它会缩小它们但是在右边留下一些宽度,所以你必须滚动一点才能看到一切.

我添加了<meta name="viewport" content="initial-scale=0.7;" />哪个可以解决问题但是当在横向加载时,用户会看到一个小站点,并且可以缩小太远.

在我的一个个人开发网站上可以看到这方面的一个例子.现在还没有,请忽略任何错误http://www.dundeewebstandards.com/events/

谢谢,

克里斯

Answer 1

我遇到了同样的问题并尝试了我能找到的所有提议的解决方案,但无济于事.最后,我想通了......如果页面的高度小于1024px且宽度大于768px,则原生缩放功能无法按预期工作.如果页面宽度大于高度,也是如此.尝试使用媒体查询为页面添加最小高度.这是我用来解决这个问题的代码......

#page-container{
    width: 1200px;
    margin: 0 auto;
}
@media screen and (min-width: 768px) {
    #page-container{
        min-height: 1240px;
    }
}