I am using cordova based mobile app which will load my web application into mobile as mobile apps. I set the font size in my web apps using pixels and notice that the font size will change according to mobile font size setting...is there any way to prevent font size change according to mobile font size setting using CSS/JS?
This should work. I did a quick search for the most up to date info and it does turn out that this is still not supported by all browsers. Possibly worth a try in your CSS though.
text-size-adjust: none;
One basic answer would obviously be tex size adjust and aset it to null but in cordova you must read the documentation to control app behaviour
Sometimes this might happen because of the way pixel's are rendered on a mobile device.
Adding the below line makes the rendering consistent.
<meta name="viewport" content="width=device-width, initial-scale=1">
Reference:
https://developer.mozilla.org/en-US/docs/Web/HTML/Viewport_meta_tag