CSS未在iOS应用中应用

Question

我们正在编写一个Cordova / jQuery Mobile应用程序，并遇到了iOS（6和7）的问题。问题是有时在iOS中的CSS没有被应用，即使它应该是。问题出在仿真器和设备本身。

例如：

• background-color: red显示为白色。
• 无法滚动包含overflow:scroll（包含和不包含-webkit-overflow-scrolling: touch）的元素。

这不是继承问题 - 同样的CSS在桌面FF，Chrome，Safari，IE和Android中运行良好。使用Safari远程检查它也可以正常工作 - 最初不会显示样式，但只需取消检查，然后重新检查Safari开发人员工具中的属性即可使其正常工作！

我无法找出导致此问题的原因，但是当它发生时，它会一直发生。这个问题有解决办法吗？

Answer 1

它适用于iOS6。您可以尝试使用十六进制代码作为背景颜色并添加 -webkit-overflow-scrolling：touch;用于平滑滚动。

对于iOS7，波纹管链接可能对您有帮助。

http://www.mobilexweb.com/blog/safari-ios7-html5-problems-apis-review