html - Galaxy Nexus 手机是否存在已知的网站兼容性问题?

标签 html css mobile cross-browser galaxy

我正在设计一个移动网站,但遇到了一些兼容性问题。在我的 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/

相关文章:

javascript - JqueryMobile中的水平滚动和垂直滚动

javascript - 相对于另一个分区的 Bootstrap 列高度

php - $PHP_SELF 在页面加载后立即执行

jquery - 使用 jquery/ajax 将数据插入到数据库中,我没有收到 ant 错误,但是值没有插入到数据库中

html - 隐藏在CSS中的绝对位置和溢出

jquery - 我如何使用 jquery 为切换 div 设置 cookie

html - Chrome 中不显示背景图片

jquery - 调整浏览器大小时,简单的 jQuery 移动菜单停止工作

mobile - 创建将 vCard 直接添加到地址簿的链接

php将 header 位置重定向到电话号码