Dzień dobry,
tworzę sobie prostą aplikację w formie strony www, którą następnie na Anrdroidzie przez przeglądarkę Chrome zapisuję sobie na telefonie opcją "Dodaj do ekranu głównego".
Chciałbym, aby apka w wersji fullscreen (kod manifest na dole) nie miała żadnych niepotrzebnych scrollbarów, jednak mimo to, one się pojawiają wertykalnie (na screenie z telefonu trudno je ująć). Naddatkowa wysokość okna/obiektu, który się scrolluje ma ok 40px - tyle co wysokość systemowej belki w androidzie z dolnymi przyciskami (kwadrat, koło, strzałka)
Mój kod wygląda tak:
(dodam tylko, że problem występuje zarówno z jak i bez wpisów "meta")
<html>
<head>
<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
<meta name="mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-capable" content="yes" />
<link rel="manifest" href="manifest.json">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<style>
* { overflow:hidden; padding:0; margin:0 }
</style>
<body>
test
</body>
</html>
i manifest.json:
{
"short_name": "Test",
"start_url": "index.php",
"display": "fullscreen",
"orientation": "portrait",
"manifest_version": 3
}