HTML meta viewport width is ignored in android app

Capacitor
1

I have a meta tag in my html.

<meta name="viewport" content="width=device-width, initial-scale=1">

It works perfectly fine if I view it as a website in a browser on an android device.

However, when I build the android app with capacitor, the viewport width is ignored.

I tried different settings, but none work, example below does nothing.

<meta name="viewport" content="viewport-fit=cover, width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />

Why? What should I do to make viewport width work? Shouldn’t the app act as a regular webview?

2

we are having the same issue, did you ever get to the bottom of it?

Just to be clear you can set the initial-scale to be larger than 1 (it will scale up) but you cannot set it to be less than 1.

3

I have also posted this question to stack-overflow with some more info: html - Capacitor on Android Unable to "scale down" page using viewport - Stack Overflow