我正在設計一個移動網站,但在兼容性方面存在一些問題。在我的Android手機(Rezound)和我兄弟的iPhone 4上測試網站後,網站看起來沒問題。但是當我讓一個朋友在他的Galaxy Nexus上測試它時,他說他只是得到了一個黑屏。Galaxy Nexus手機存在網站兼容性問題嗎?
Galaxy Nexus是否存在任何已知的網站兼容性問題?關於這款手機我唯一知道的是它使用冰淇淋三明治,但是不是所有的Android手機都會以類似的方式呈現網站,如果不是相同的時尚?
這是鏈接到有問題的網站:http://m.studiosimplicit.com。
非常感謝您的檢查。我記得聽說Galaxy Nexus有很多bug,這就是我選擇Rezound的原因。我可以脫掉這個位置:固定屬性,但是我的背景變得有點扭曲。我基本上只是採取了高分辨率的圖像,並將其用作我的bg圖像。我擔心的是,如果我脫離固定位置並使用較小的圖像,則在屏幕較大的平板電腦或手機(如Rezound!)上看起來會很亂。我是jQuery和CSS的新手,但我應該看看jQuery解決方案還是您有建議? – user1287425 2012-03-23 05:01:13
作爲移動瀏覽器的JS性能,我會遠離移動設備上的圖像的javascript定位。你可能想看看你是否可以將圖像設置爲100%寬度和高度的絕對定位的div的背景,並設置它的'background-attachment:fixed'和'background-size:cover'。誠實地說,我不確定移動設備上支持'background-attachment'的程度如何,但它確實值得一試。 – Aaron 2012-03-23 05:30:02
另一種替代方法是使用像iScroll(http://cubiq.org/iscroll-4)這樣的插件來模擬絕對定位的div元素中的一個長視圖,該視圖具有視口的寬度和高度,覆蓋絕對位置,大小相同的背景圖片。是的,這是可能使這個建議似乎與我以前的帖子相矛盾的JavaScript,但是這個插件已經過了徹底的測試,並被廣泛使用,並且具有最小的不利影響。 – Aaron 2012-03-23 05:37:03