Why do css properties change in android webview

Question

I find Android's web view behaviour strange when handling with css properties:

When displaying a web page that contains the following css properties: font-size and line-heightset to:

font-size: 20px;
line-height: 35px;

Android's webview changes the properties to:

font-size: 17.4px;
line-height: 30.45px;

Why?

It might be of an extra settings for font-size or zoom. Even in browser, general settings, accessibility settings, display settings, android general font-size settings etc. — Ali Sheikhpour
– Ali Sheikhpour, Commented Feb 28, 2018 at 9:13
Possible duplicate of How to set text size in WebView in android — mpro
– mpro, Commented Feb 28, 2018 at 9:22

M. Feyz · Accepted Answer · 2018-02-28 12:43:56Z

2

I found answer:

Just webView must be to set text size to "NORMAL" in android. Like this:

webView.getSettings().setTextSize(WebSettings.TextSize.NORMAL);

answered Feb 28, 2018 at 12:43

M. Feyz

3592 silver badges9 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

panther Over a year ago

Thanks, I was trying to find why this was happening. Btw Deprecated, Use webView.getSettings().setTextZoom(100); This will override the system font size on android webview to keep as normal.

mpro · Accepted Answer · 2018-02-28 09:17:20Z

0

Did you check page behavior in different resolutions? There might be defined @media rules in CSS, which change the style for different resolutions, for example:

@media screen and (min-width: 1024px) {
    p {
        font-size:20px;
        line-height:35px
    }
}

@media screen and (max-width: 1023px) {
    p {
        font-size:17.4px;
        line-height:30.45px
    }
}

2 Comments

M. Feyz Over a year ago

Set this properties in element self style without defined media. In tablet and also in mobile chrome browser work true. but in application in mobile work wrong!

mpro Over a year ago

Try also here

Collectives™ on Stack Overflow

Why do css properties change in android webview

2 Answers 2

1 Comment

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related