2013-09-27 77 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

回答

相關問題