css - 确定 iphone 与 ipad CSS 渲染问题的技术?

标签 css mobile-safari

我在 iphone 上的网站有一个明显的 CSS 问题,尽管它在 mac 版 safari 和 ipad 版 safari 中看起来都很好。

在附带的屏幕中,请注意右上角的白色背景仅出现在 iphone 上(而且它不应该看起来那样)。

您会使用什么工具和/或技术来尝试找出造成此渲染问题的原因?

这是可以的 iPad 版本。

alt text

这是同一页面的 iPhone 渲染,右上角有多余的白色区域。 alt text

为了方便点击...网站是 http://summertown.org/

天啊!

-达雷尔

最佳答案

我的问题解决了。我的一位 super 聪明的同事对我表示同情,并为我修复了 CSS。我不知道他是怎么想出来的……他说这是商业 secret 。

无论如何,解决方案是添加...

“min-width: 57.69em;” 

到主体 css (summertown.css)

关于css - 确定 iphone 与 ipad CSS 渲染问题的技术?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4377181/

相关文章:

css - React.js 循环图片幻灯片的性能问题

html - requestFileSystem 在 Chrome 上正常,但在 Safari7 和移动​​版 Chrome/Safari 上未定义

jquery - 如何创建在 HTML5、CSS3 和 jQuery 的 iframe 中打开的链接列表?

javascript - R Markdown : Remove container div when compiling to html

html - 全屏背景,窗口小时页脚下方的空白

ios - 使用位置服务在移动 safari 中使用 geolocation.watchPosition()

css - 显示水平空间 :table justified bootstrap navbar on Safari

html - 溢出滚动时隐藏WebKit滚动条 : touch is enabled

html - 在 iOS Safari 中禁用 flex 滚动

css - 如何通过 css 将页面设置为最大和最小尺寸