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

原文 标签 html css mobile cross-browser galaxy

我正在设计一个移动网站,但是兼容性方面存在一些问题。在我的Android手机(Rezound)和我哥哥的iPhone 4上测试了网站之后,该网站看起来还不错。但是,当我要求一个朋友在他的Galaxy Nexus上对其进行测试时,他说他只是得到了黑屏。

Galaxy Nexus是否存在任何已知的网站兼容性问题?我对该手机唯一了解的是它使用Ice Cream Sandwich,但是,不是所有的Android OS手机都会以类似的方式(即使不是完全相同的方式)呈现网站吗?

这是有关网站的链接:http://m.studiosimplicit.com

最佳答案

我刚刚在默认浏览器,最新的Opera Mobile和Firefox和Chrome Beta上运行Android 4.0.2的Galaxy Nexus上进行了测试。除默认的Android浏览器外,所有上述浏览器都能很好地处理您的网站,该默认浏览器会在您首次加载时产生您所描述的黑屏,而在随后的加载时会在大黑框下方显示菜单元素。

如果我不得不猜测,我会说这与img.bg的固定位置有关。对固定定位的支持是最近才在Mobile Webkit中引入的,其实现仍然有些粗糙。不支持position: fixed的移动浏览器将简单地忽略样式规则,并使用其继承的位置来呈现元素,而声称支持固定位置的ICS默认浏览器将破坏元素的呈现,从而产生奇怪的行为。重新看到。

相关文章:

html - 自动调整带有ag-Grid的卡片内容的大小(具体化CSS)

jquery - 将jQuery链接添加到返回的文本

javascript - 如何从Android移动设备键盘获取keyCodes?

css - Bootstrap 3在移动设备的菜单/导航栏中滑动

html - 如何获取以前的URL而无需访问它? [重复]

javascript - 如何在HTML5应用程序中读取当前位置

javascript - 在浏览器中的单独选项卡中提醒用户活动

html - 使用可滚动功能将两个div彼此对齐

html - 媒体查询不适用于移动版本