【发布时间】：2013-09-27 04:59:05
【问题描述】：
我们正在编写一个 Cordova/jQuery Mobile 应用程序，但遇到了 iOS（6 和 7）的问题。问题是 CSS 有时在 iOS 中没有被应用，即使它应该被应用。问题出在模拟器和设备本身。
例如：
-
background-color: red显示为白色。 - 无法滚动带有
overflow:scroll（带有和不带有-webkit-overflow-scrolling: touch）的元素。
这不是继承问题 - 相同的 CSS 在桌面 FF、Chrome、Safari、IE 和 Android 中运行良好。使用 Safari 远程检查它也可以正常工作 - 最初不会显示样式，但只需取消检查然后重新检查 Safari 开发人员工具中的属性即可使其正常工作！
我无法确定导致此问题的原因，但是当它发生时，它会始终如一地发生。这个问题有解决办法吗？
【问题讨论】：
-
这听起来像是某种渲染问题。带有 background-color: red; 的部分的其他 CSS 类型是什么？是具有？另外，你是否也添加了 -webkit-overflow-scrolling: touch;对于可滚动的内容？请粘贴一些代码。
-
我希望我可以，但不幸的是，到目前为止，我还不能在我们的项目之外简单地复制它（尽管尝试）。我希望其他人以前见过这个问题并知道它。其他 CSS，是的，我们已经有了 -webkit-overflow-scrolling 并且 jQuery mobile 本身也添加了很多 CSS，这使事情变得复杂。只需取消选中并重新检查开发工具中的任何属性即可解决问题 - 很难找出可能导致它的原因！
-
对于溢出滚动尝试
-webkit-overflow-scrolling: touch;或添加html { overflow: hidden; }。
标签： ios css jquery-mobile cordova ios7