2013-09-27 58 views
0

我们正在撰写Cordova/jQuery Mobile应用程序,并遇到iOS(包括6和7)的问题。问题是CSS有时在iOS中没有被应用,尽管它应该是。问题出在模拟器和设备本身。CSS未应用于iOS应用程序

例如:

  • background-color: red被显示为白色。
  • 无法滚动具有overflow:scroll(无论是否带有-webkit-overflow-scrolling: touch)的元素。

这不是一个继承问题 - 相同的CSS在桌面FF,Chrome,Safari,IE和Android中都能正常工作。使用Safari远程检测功能也可以正常工作 - 风格最初不会显示,但只需取消检查,然后重新检查Safari开发人员工具中的属性即可正常工作!

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

+0

这听起来是某种渲染问题。什么样的其他CSS的背景颜色部分:红色;是具有?另外,你还添加了-webkit-overflow-scrolling:touch;为可滚动内容?请粘贴一些代码。 – zvona

+0

我希望我可以,但不幸的是,我不能简单地在我们的项目之外重现它(尽管如此)。我希望以前有人看到过这个问题,并且知道它。其他CSS,是的,我们已经有了-webkit-overflow-scroll,而jQuery mobile本身也增加了很多CSS,这使得事情变得复杂。只需取消选中并重新检查开发工具中的任何属性即可解决问题 - 使追踪可能导致该问题的原因非常困难! – mikel

+0

溢出滚动尝试'-webkit-overflow-scrolling:touch;'或添加'html {overflow:hidden; }'。 – Omar

回答

相关问题