CSS导致页面不显示在iPad / iPhone上答案

【问题标题】：CSS causing page not to display on iPad / iPhoneCSS导致页面不显示在iPad / iPhone上
【发布时间】：2011-05-13 18:17:17
【问题描述】：

我的一位设计师对 PSD 进行了切片，但由于某种原因，该页面无法在 iPhone 或 iPad 上呈现。包含反馈链接的 div 是唯一可见的内容。我在这个问题上花了一些时间，但似乎无法找到问题所在。看看这里：http://bit.ly/jNcJ47

【问题讨论】：

无论您的问题是什么，它都会影响 Safari/Mac。 Chrome/Mac 没问题。
如果这也是一个 safari 问题，您可以尝试像这样将 css 添加到 safari 中：@media screen and (-webkit-min-device-pixel-ratio:0){ #div {margin-left: 10px;}} 这也可以解决其他问题，或者它可能不会（我从来没有为 iPhone 编程过，所以我不知道）

【解决方案1】：

我在 Mac 上的 Safari 中遇到了同样的问题。我在 Web Inspector 中折腾了几分钟，发现当我禁用 sidebar1 元素的 height: 属性时，内容就会出现。

【讨论】：

【解决方案2】：

那是因为 sidebar1 div 占据的宽度使其余部分下降到底部！并且由于您的容器 div 隐藏了溢出，因此它甚至不会显示其他掉落的浮动 div。

我建议绝对定位该 div，你就完成了。

【讨论】：