CODEWITHSUNDEEP
javascriptjqueryhtmlcsscordova
Anuj.T
Anuj.T

Reputation: 1628

Phonegap : how Control the font size of the Mobile?

In Phonegap I have come across the problem, that if we change the font size of the mobile device from the setting to normal to large then the css which has applied to the application breaks.

So how to overcome this problem ? I have searched a lot but not able to find any solution regarding it.

Any help or advice would be helpful.

It works fine when device font-size is normal. Image here

As I change the device font-size from setting>Display>fonts to Huge Image here

Upvotes: 9

Views: 8015

Answers (2)

Anuj.T
Anuj.T

Reputation: 1628

Just found out the solution exactly as i need. By using this plugin.

And Just write the following in your onDeviceReady function in index.js.

 if(window.MobileAccessibility){
        window.MobileAccessibility.usePreferredTextZoom(false);
    }

This will just ignore the system font preferences.

Upvotes: 21

nxmode
nxmode

Reputation: 21

By the information you passed I think that if you adjust the media queries, and the viewport you will have the desired result.

Viewport example. Phonegap Application text and layout too small

Media queries example. Scaling a Phonegap app for different Android screen sizes/densities?

Upvotes: 1

Related Questions