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

Question

我已经建立了一个网站（暂时没有链接）。 该网站具有响应能力，通常可在大多数现代设备上正常运行。 我使用的唯一真正现代的CSS功能是“转换”，“变换”和“框大小”，这有帮助。 它们通常以前缀和非前缀形式使用。

现在，由于我这里没有大量的Android设备，因此我想尝试使用Android SDK提供的Android Emulator中的网站。 那时，我很震惊地发现它在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的WebView实现的版本（版本33）。

我自己的Android设备（来自Sony）在Android 4.3上运行。 根据用户代理字符串，WebView的WebKit版本也为534.30。 我在使用WebView（F-Droid的Lightning浏览器）的浏览器中尝试了我的网站。 它起作用了，包括动画。

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

因此，我想，也许Google通过Play服务更新了WebView。 据我所知，事实并非如此：我禁用了Play Services应用，删除了其数据，重新启动了手机。 该页面仍然有效。

到底是怎么回事？ 制造商是否正在疯狂修补WebKit？ 我可以完全信任WebKit版本号吗？

（已更新以澄清实际问题。）

Answer 1

检查屏幕尺寸。 模拟器始终具有不同的屏幕尺寸。 这可能是问题所在。