為什么我的網站在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

檢查屏幕尺寸。 模擬器始終具有不同的屏幕尺寸。 這可能是問題所在。