[android] disable zooming when system-wide font-size increased

my app relies on media queries. for example, in one place, 3 buttons show for wide screens and 2 buttons show for narrow screens.

problem is this gets screwed up if the android system font is set to be larger than the default. in that case, everything is gigantic even though the screen width is still technically the same.

is there a way to disable the app from zooming? this was already in my index.html but it didn’t help:

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

to be clear, i’m not talking about interactive user zooming (like pinch-to-zoom)…i’m talking about system-wide scaling.

concretely, this is what’s happening:

GOOD -->

BAD -->

never mind…all i had to do was use relative units for my widths. switched to percentages and all is well.