我正在設計一個移動網站，但在兼容性方面存在一些問題。在我的Android手機（Rezound）和我兄弟的iPhone 4上測試網站後，網站看起來沒問題。但是當我讓一個朋友在他的Galaxy Nexus上測試它時，他說他只是得到了一個黑屏。Galaxy Nexus手機存在網站兼容性問題嗎？
Galaxy Nexus是否存在任何已知的網站兼容性問題？關於這款手機我唯一知道的是它使用冰淇淋三明治，但是不是所有的Android手機都會以類似的方式呈現網站，如果不是相同的時尚？
這是鏈接到有問題的網站：http://m.studiosimplicit.com。
我可能是錯的，但我相信默認的Android網頁瀏覽器中唯一的非常量的東西是屏幕分辨率。儘管硬件可能不同，但它運行的操作系統和操作系統運行的軟件是相同的。它應該在同一個操作系統上呈現相同的內容。
我能想出的唯一解釋是冰淇淋三明治在瀏覽器中有缺陷。儘管這看起來沒有任何意義，但考慮到網頁足夠簡單。說實話，我很困惑，因爲你現在...
我正在下載SDK來測試您的網站在模擬器中。讓我們看看發生了什麼。
編輯：別人好像接管了。我會把它留給他/她。
我剛剛在默認瀏覽器，最新的Opera Mobile和Firefox以及Chrome Beta上運行Android 4.0.2的Galaxy Nexus上進行了測試。前面提到的所有瀏覽器都可以很好地處理您的網站，但默認Android瀏覽器的除外，其中第一次加載時產生了黑屏，而後續加載的黑色方塊下方出現菜單元素。
如果我不得不猜測，我會說這與您的img.bg的固定位置有關。剛剛在Mobile Webkit中引入了對固定定位的支持，它的實現仍然有點粗糙。不支持position: fixed的移動瀏覽器將簡單地忽略樣式規則並使用其繼承定位呈現元素，而ICS的默認瀏覽器聲稱支持固定位置，將會渲染元素的渲染，產生我們正在看到的奇怪行爲。
非常感謝您的檢查。我記得聽說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