I am now trying to get better results for smart phones and tablets using CSS, Please for this question, I need only advice for "android", I will tackle "IPhone" separately, not in this one.
I have this in the <head>
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
and then I use these in a CSS <style>
and then the size of the <div> shown in different android browsers, is VERY DIFFERENT, is this normal in your use of CSS in the android for mobil? Can you recommend, a stabilizer or a way to get some consistent sizes,
In decktop Chrome browser and firefox, the size is the same, however in mobile Chrome browser and firefox, the size is very, very different? Is there a factor for em size, that I do not know about. I am using the css em, in hopes to compensate for phone browser differences in font size. Any information about CSS size conditions in other android browsers like Dolphin and Maxthon, might shed light for me?
ps. in this one I have NO -
@media screen and (
actual experience is what I need, but will look at any links provided.