Почему мой старый планшет не поддерживает некоторые линии CSS в гибридном приложении?

Я пытаюсь создать гибридное приложение (используя PhoneGap), но моя главная проблема в том, что на разных платформах я выгляжу по-разному. У меня браузер на ПК и на Android 5.0+ выглядит так, как я хочу, но на старых версиях android появляются некоторые проблемы. Я проверил это на 2 разных планшетах. Оба с Android 4.2.2.(Samsung и Lenovo). Оба они не распознают единицу шрифта vw (vh ни того, ни другого). Один из них не признает похвалы "границы радиуса" или, по крайней мере, нерегулярно: фото. В то время как у второго проблемы с анимацией, например, такие:

.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>

Я довольно новичок в программировании.

Источник

1 ответ

Решение

До версии Android 5.0 Lollipop WebView на каждом устройстве является частью образа операционной системы. К сожалению, это означает, что, если ОС не обновлена, функции / ошибки HTML5 будут заморожены во времени.

В Android 5.0 WebView теперь основан на обновленном компоненте Google Play, который называется Android System WebView.

Смотрите: https://developer.chrome.com/multidevice/webview/overview

В качестве альтернативы вы можете использовать CrossWalk Project: https://crosswalk-project.org/ качестве веб-приложения для более согласованного взаимодействия со старыми версиями Android (4.1 и выше), но за счет увеличения своего приложения за счет добавления его собственного WebView.

См.: https://crosswalk-project.org/documentation/about/faq.html и 71 МБ добавлены к размеру приложения для пешеходного перехода.

Источник
Другие вопросы по тегам