Question

遇到iPad关闭内容的问题。

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

非常感谢任何关于如何最好地适应这一点的见解。

该网站为here，并附上了屏幕截图。

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

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

iPad acreenshot

Answer 1

如果从包装器div中删除overflow:hidden，您将获得所需的外观。我刚刚在我的新iPad上使用Adobe Shadow的远程检查（demo）确认了这一点。执行此操作后，您将需要使用元标记恢复视口剪辑以防止滚动： <meta content="width=768px, minimum-scale=1.0, maximum-scale=1.0" name="viewport">

有趣的是，代码中的某些内容会限制<body>元素的宽度。跟踪下来可能会产生更好的解决方案。

Answer 2

假设这是你的网页，你正在编辑，而不是ipad的错... 在你的CSS中我建议将宽度设置为auto或100％来尝试补救它？

Ipad的屏幕不是1024px，比你设置的要少吗？根据其他代码，您可能会强制它比屏幕允许更宽？

另外请执行上述建议。在他指出之前没有注意到。

防止iPad移动Safari通过CSS切断内容

2 个答案: