遇到 iPad 截断内容的问题。
虽然宽度超过了 iPad 的分辨率,但我不明白为什么它只是不添加水平滚动而不是截断。
任何关于如何最好地适应这一点的见解将不胜感激。
该网站在这里 ,并附有截图。
这可能是有问题的代码的一部分:
#wrapper {
position:relative;
width: 1180px;
margin: 0 auto;
}
遇到 iPad 截断内容的问题。
虽然宽度超过了 iPad 的分辨率,但我不明白为什么它只是不添加水平滚动而不是截断。
任何关于如何最好地适应这一点的见解将不胜感激。
该网站在这里 ,并附有截图。
这可能是有问题的代码的一部分:
#wrapper {
position:relative;
width: 1180px;
margin: 0 auto;
}
如果你overflow:hidden
从你的包装 div 中删除,你会得到你想要的外观。我刚刚在我的新 iPad 上使用Adobe Shadow的远程检查(演示)确认了这一点。完成此操作后,您需要使用元标记恢复视口剪辑以防止滚动:
<meta content="width=768px, minimum-scale=1.0, maximum-scale=1.0" name="viewport">
<body>
有趣的是,代码中的某些内容限制了元素的宽度。追踪这一点可能会产生更好的解决方案。
假设您正在编辑的是您的网页,而不是 ipad 的错...在您的 css 中,我建议将宽度设置为自动或 100% 以尝试补救?
Ipad 的屏幕不是 1024 像素,小于您设置的吗?根据其他代码,您可能会强制它比屏幕允许的更宽?
也请按照上面的建议。直到他指出来才注意到这一点。