Question

我尝试制作混合应用程序（使用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>

我是编程方面的新手。

Answer 1

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

使用Android 5.0，WebView现在基于Google Play更新的组件，称为Android System WebView。

请参阅：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

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

1 个答案: