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开发人员工具中的属性即可正常工作!
我无法找出导致此问题的原因,但是当它发生时,它会一直发生。有没有解决这个问题?
这听起来是某种渲染问题。什么样的其他CSS的背景颜色部分:红色;是具有?另外,你还添加了-webkit-overflow-scrolling:touch;为可滚动内容?请粘贴一些代码。 – zvona
我希望我可以,但不幸的是,我不能简单地在我们的项目之外重现它(尽管如此)。我希望以前有人看到过这个问题,并且知道它。其他CSS,是的,我们已经有了-webkit-overflow-scroll,而jQuery mobile本身也增加了很多CSS,这使得事情变得复杂。只需取消选中并重新检查开发工具中的任何属性即可解决问题 - 使追踪可能导致该问题的原因非常困难! – mikel
溢出滚动尝试'-webkit-overflow-scrolling:touch;'或添加'html {overflow:hidden; }'。 – Omar