Different rendering in Android Companion App (WebView?) and Chrome/Firefox

Mobile Apps Home Assistant Companion for Android
1

Is there a way to check on which type of browser the frontend is currently displayed?
Chrome and even Firefox render my dashboards, well, not really the same, but at least predictable.
The Android companion app on the other hand seems to have a very different understanding of sizes.
While on Android 11 the fonts are a bit too wide (preloaded), on Android 10 and before (old tablets for wall mount) the fonts take about 1.5 times the space compared to “normal” browsers:
Chrome on Windows: ___________________ Android Companion App:

HAchrome
HAchrome433×532 70.1 KB
HAandroid

Whatever size base I use (rem, em, px), there’s no common ground.
The great layout-card with it’s mediaquery does not help in this case since I need a pixel to real world-factor, not monitor width in pixels.
Does anybody know how to circumvent this oddity?

2

we print the current webview package and version in the companion app logs, you should be using Google’s version of Android System Webview which updates via the play store

you can try to debug the issue using remote debugging by enabling the option in companion app and connecting to chrome