2

遇到 iPad 截断内容的问题。

虽然宽度超过了 iPad 的分辨率,但我不明白为什么它只是不添加水平滚动而不是截断。

任何关于如何最好地适应这一点的见解将不胜感激。

该网站在这里 ,并附有截图。

这可能是有问题的代码的一部分:

#wrapper {
position:relative;
width: 1180px;
margin: 0 auto;
}

iPad 截图

4

2 回答 2

2

如果你overflow:hidden从你的包装 div 中删除,你会得到你想要的外观。我刚刚在我的新 iPad 上使用Adob​​e Shadow的远程检查(演示)确认了这一点。完成此操作后,您需要使用元标记恢复视口剪辑以防止滚动: <meta content="width=768px, minimum-scale=1.0, maximum-scale=1.0" name="viewport">

<body>有趣的是,代码中的某些内容限制了元素的宽度。追踪这一点可能会产生更好的解决方案。

于 2012-08-16T19:26:54.610 回答
0

假设您正在编辑的是您的网页,而不是 ipad 的错...在您的 css 中,我建议将宽度设置为自动或 100% 以尝试补救?

Ipad 的屏幕不是 1024 像素,小于您设置的吗?根据其他代码,您可能会强制它比屏幕允许的更宽?

也请按照上面的建议。直到他指出来才注意到这一点。

于 2012-08-16T19:09:05.670 回答