为什么我的旧平板电脑不支持混合应用程序中的某些 css 行？

Question

我尝试制作一个混合应用程序（使用 PhoneGap），但我的主要问题是到目前为止我在每个平台上看起来都不一样。我的浏览器在 PC 和 Android 5.0+ 上看起来如我所愿，但在旧版本的 android 上出现一些问题。我已经在 2 种不同的平板电脑上对其进行了测试。两者都带有 Android 4.2.2。（三星和联想）。它们都不能识别字体单元 vw（也不识别 vh）。他们中的一个不承认表扬 "border-radius" 或至少不定期：photo。而第二个在动画方面存在一些问题，例如像这个：

.totheleft{
animation-name: nalewotrzy;
animation-duration: 1.5s;
}

@keyframes totheleft{
to {transform: translate(-100%, 0%);}
}

现在我不知道 Android 的旧版本是否不支持 CSS3 或者我将我的 css 文件错误地实现到 html 代码中:

<head>
<link rel="stylesheet" href="index.css"/>
</head>

我是编程新手。

Answer 1

直到 Android 5.0 Lollipop 每个设备中的 WebView 都是操作系统映像的一部分。不幸的是，这意味着除非更新 OS，否则 HTML5 features/bugs 会及时冻结。

在 Android 5.0 中，WebView 现在基于名为 Android System WebView 的 Google Play 更新组件。

参见：https://developer.chrome.com/multidevice/webview/overview

或者，您可以使用 CrossWalk 项目：https://crosswalk-project.org/ 作为您的 WebView，以便在旧 Android 版本（4.1 及更高版本）上获得更一致的体验，但代价是使您的应用程序更大，因为添加自己的 WebView。

参见：https://crosswalk-project.org/documentation/about/faq.html#Distributing-Crosswalk-Project-applications and

为什么我的旧平板电脑不支持混合应用程序中的某些 css 行？

Why my old tablet doesn't support some css lines in hybrid app?

html

css

android

hybrid-mobile-app