Html 防止iPad mobile Safari通过CSS切断内容

Html 防止iPad mobile Safari通过CSS切断内容,html,css,ipad,mobile-safari,Html,Css,Ipad,Mobile Safari,有iPad切断内容的问题 虽然宽度超过了iPad的分辨率,但我不明白为什么它不添加水平滚动而不是剪切 任何关于如何最好地适应这种情况的见解都将不胜感激 该网站是免费的,并附有一个截图 这可能是问题代码的一部分: #wrapper { position:relative; width: 1180px; margin: 0 auto; } 假设你编辑的是你的网页,而不是ipad的错。。。 在您的css中,我建议将宽度设置为“自动”或设置为“100%”以尝试修复它 Ipad的屏幕不是比你设定的要小1

有iPad切断内容的问题

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

任何关于如何最好地适应这种情况的见解都将不胜感激

该网站是免费的,并附有一个截图

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

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

假设你编辑的是你的网页,而不是ipad的错。。。 在您的css中,我建议将宽度设置为“自动”或设置为“100%”以尝试修复它

Ipad的屏幕不是比你设定的要小1024px吗?根据其他代码,您可能会强制它比屏幕允许的宽度更宽


也请按照上面的建议做。直到他指出后才注意到。

如果从包装器div中删除
溢出:隐藏的
,您将获得想要的外观。我刚刚用我的新iPad上的远程检查()确认了这一点。执行此操作后,您需要使用meta标记恢复视口剪裁,以防止滚动:


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

这可能与剪裁视口有关。请尝试从
中删除这一行,并告诉我们是否发生了相同的行为:
是的,看起来是相同的截止问题。我尝试过调整meta标签,但没有成功。现在我把它完全去掉了。谢谢。它工作得很好。想知道宽度限制是否是试用AdobeEdge时CSS的副产品。我还恢复了meta标记。现在我假设如果我调整
最小刻度
我可以让它水平地“适应窗口”吗?