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

【问题标题】：Why my old tablet doesn't support some css lines in hybrid app?为什么我的旧平板电脑不支持混合应用程序中的某些 css 行？
【发布时间】：2017-01-27 00:44:00
【问题描述】：

我尝试制作一个混合应用程序（使用 PhoneGap），但我的主要问题是到目前为止我在每个平台上看起来都不一样。我在 PC 和 Android 5.0+ 上的浏览器看起来像我想要的那样，但在旧版本的 android 上出现了一些问题。我已经在 2 种不同的平板电脑上对其进行了测试。两者都使用 Android 4.2.2。（三星和联想）。他们两个都不识别字体单元 vw（vh 也不识别）。其中一个不承认推荐“边界半径”或至少不规则：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>

我是编程新手。

【问题讨论】：

标签： android html css hybrid-mobile-app

【解决方案1】：

在 Android 5.0 Lollipop 之前，每个设备中的 WebView 都是操作系统映像的一部分。不幸的是，这意味着除非更新操作系统，否则 HTML5 功能/错误会及时冻结。

在 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 和 71mb added to app size for crosswalk

【讨论】：

我还有一个问题。我在我的应用程序中添加了人行横道插件（版本 1.3.0），并且在一台平板电脑上一切正常（只是速度慢得多且更大），但另一个无法识别一些 UTF-8 字母。就我而言，波兰字母。你知道如何解决它吗？
抱歉不知道。 SO上有一些关于人行横道和语言/字符的问题，您可以查看这些问题是否合适。我还会检查人行横道项目错误列表，看看它是否是一个已知问题。当所有其他方法都失败时，发布一个新问题并说明您研究/尝试过的内容。