我正在设计一个移动网站,但遇到了一些兼容性问题。在我的 Android 手机 (Rezound) 和我兄弟的 iPhone 4 上测试该网站后,该网站看起来还不错。但是当我让一个 friend 在他的 Galaxy Nexus 上测试它时,他说他只是黑屏。
Galaxy Nexus 是否存在任何已知的网站兼容性问题?我对这款手机的唯一了解是它使用 Ice Cream Sandwich,但不是所有 Android o/s 手机都会以类似甚至完全相同的方式呈现网站吗?
这是相关网站的链接:http://m.studiosimplicit.com .
最佳答案
我刚刚在默认浏览器、最新的 Opera Mobile 和 Firefox 以及 Chrome Beta 中运行 Android 4.0.2 的 Galaxy Nexus 上对此进行了测试。所有上述浏览器都能很好地处理您的网站,除了默认的 Android 浏览器,它在第一次加载时产生了您描述的黑屏,并在随后的加载中产生了黑色大方 block 下方的菜单元素。
如果非要我猜的话,我会说这与您的 img.bg
的固定定位有关。对固定定位的支持最近才在 Mobile Webkit 中引入,它的实现仍然有些粗糙。不支持 position: fixed
的移动浏览器将简单地忽略样式规则并使用其继承的定位呈现元素,而声称支持固定定位的 ICS 默认浏览器将破坏元素的呈现元素产生了我们所看到的奇怪行为。
关于html - Galaxy Nexus 手机是否存在已知的网站兼容性问题?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9834166/