📜 ⬆️ ⬇️

Layout, CSS, Windows Mobile 5.0. Font size in IE and Opera Mobile

Hover over the styles of a PDA version of a fun site. I see that IE Win Mobile and Opera Mobile have differences in displaying the same code:

body {
font: 100% Verdana, Arial, sans-serif;
color: # 000;
background: #fff;
}

The font in Opera Mobile looks 2 times larger than in IE. Both browsers with default settings. Under the cut working solution. Do not step on a rake, friends.
')

Filtering is very simple:

/ * opera mobile * /
html> body {
font-size: 50%;
}

Since Opera Mobile understands this syntax, all body tags reduce the font size by half.

By the way, record type
body [class] {
font-size: 50%;
}
as a filter does not fit - IE quite understands himself :-)

Source: https://habr.com/ru/post/12518/


All Articles