MObile device (Phone) @media screen and (max-width: 600px) FONT SIZE question

[rjolda]

Hi
NT 14.21,  C 11
I am running a NT app on browser and also in browser on mobile device ( Android - chrome).
I can change the font size on browsers EXCEPT FOR MOBILE DEVICES (Phone)
Using:

:root{
   --font-family:"Open Sans","Segoe UI",Tahoma, Verdana, Arial, Helvetica, sans-serif;
   --font-size:8pt;
   }

I can change the font size for apps running on desktop  - I can make the font very small.  HOWEVER,
The font size does not get smaller on Mobile Device (phone).  That is my issue, I want to make it smaller - so that the user can make it bigger if they want.  BUt that is NOT happening.
I don't see any settings for font specific to @media screen and (max-width: 600px).
Indeed, if I put a specific font size in that section like this:
@media screen and (max-width: 600px) {
          body{
         font-size:8px;}
   }
It does not make the font smaller.   Seems like something else is setting font minimum size on mobile phone?  Maybe mobile browser settings?
Any insights?
THanks,
Ron

[Bruce]

see https://www.youtube.com/watch?v=WPtv90fY8LA