CSS 未在 iOS 应用中应用
Posted
技术标签:
【中文标题】CSS 未在 iOS 应用中应用【英文标题】：CSS not being applied in iOS app 【发布时间】：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; 。
【参考方案1】：
它应该适用于 iOS6。您可以尝试使用十六进制代码作为背景颜色并添加 -webkit-溢出滚动：触摸；平滑滚动。
对于 iOS7，下面的链接可能会对您有所帮助。
http://www.mobilexweb.com/blog/safari-ios7-html5-problems-apis-review
【讨论】：
以上是关于CSS 未在 iOS 应用中应用的主要内容，如果未能解决你的问题，请参考以下文章