我正在设计一个移动网站，但在兼容性方面存在一些问题。在我的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