我正在设计一个移动网站,但在兼容性方面遇到了一些问题。在我的Android手机(Rezound)和我哥哥的iPhone 4上测试网站后,该网站看起来还不错。但当我让一位朋友在他的Galaxy Nexus上测试时,他说他只是黑屏。
Galaxy Nexus是否存在任何已知的网站兼容性问题?我对这款手机唯一了解的是它使用的是冰淇淋三明治,但并不是所有的Android手机都会以类似的方式(如果不是完全相同的方式)呈现网站吗?
这是指向相关网站的链接:http://m.studiosimplicit.com。
答案 0 :(得分:0)
我可能错了,但我相信默认的Android网络浏览器中唯一不常见的是屏幕分辨率。虽然硬件可能不同,但它运行的操作系统和操作系统运行的软件是相同的。它应该在相同的操作系统上呈现相同的内容。
我能想到的唯一解释是Ice Cream Sandwich在浏览器中存在缺陷。虽然这似乎没有意义,但考虑到网页足够简单。说实话,我现在和你一样困惑......
我正在下载SDK以在模拟器中测试您的网站。让我们看看会发生什么。
编辑:其他人似乎已经接管了。我会留给他/她。
答案 1 :(得分:0)
我刚刚在默认浏览器中运行Android 4.0.2的Galaxy Nexus,最新的Opera Mobile和Firefox以及Chrome Beta上进行了测试。所有上述浏览器都能很好地处理您的网站除之外的默认Android浏览器,它会在您首次加载时生成黑屏,并在后续加载时生成大黑方框下方的菜单元素。 / p>
如果我不得不猜测,我会说这与你img.bg
的固定定位有关。最近在Mobile Webkit中引入了对固定定位的支持,其实现仍然有点粗糙。不支持position: fixed
的移动浏览器将忽略样式规则并使用其继承的定位呈现元素,而ICS的默认浏览器(声称支持固定定位)将破坏元素的呈现,从而产生奇怪的行为我们正在看。