为什么我的网站在Android模拟器和设备上看起来有所不同?

时间:2015-08-12 11:43:39

标签: android css webview webkit emulation

我已经建立了一个网站(暂时没有链接)。所述网站是响应性的并且通常在大多数现代设备上都很好它有助于我使用的唯一真正现代的CSS功能是“转换”,“转换”和“盒子大小”。它们通常以前缀和无前缀形式使用。

现在,由于我在这里没有大量的Android设备,我想我会尝试使用Android SDK提供的Android模拟器中的网站。那时,我发现在4.3以下的所有内容中都被打破了,我感到有些震惊。

问题似乎是我的菜单实现使用“transform:translate();”并且Android股票浏览器显然不支持此属性。

我注意到Google似乎在Android 4.0,4.1,4.2和4.3的模拟器图像中使用相同的WebKit版本(534.30)。 (如果我可以信任用户代理字符串。)

在Android 4.4及更高版本的模拟器图像中,一切都按预期工作。 Android 4.4也是第一个使用基于Chrome(版本33)的WebView实现的版本。

我自己的Android设备(来自索尼)在Android 4.3上运行。根据用户代理字符串,WebView的WebKit版本还有534.30。我在使用WebView(来自F-Droid的Lightning浏览器)的浏览器中尝试了我的网站。它起作用了,包括动画。

一位同事还在Android 4.0的三星设备上打开了我的网页。它也在那里工作。 (尚未检查用户代理。)

所以,我想,也许Google会通过Play服务更新WebView。据我所知,情况似乎并非如此:我禁用了Play服务应用,删除了数据,重新启动了手机。该页面仍然有用。

发生了什么事?制造商是否在疯狂地修补WebKit?我可以完全信任WebKit版本号吗?

(已更新以澄清实际问题。)

1 个答案:

答案 0 :(得分:2)

检查屏幕尺寸。模拟器总是有不同的屏幕尺寸。这可能是个问题。

相关问题