Greetings to all, I can't figure out why a webpage as simple as [2] renders text with uniform size in desktop browsers (which I would expect), but like this [1] in Android browsers such as Chrome, Firefox and (the main version of) Opera. I mean... both P and TD are given font-size: medium! Isn't this a violation of CSS standards? I have (rather empirically) found that adding the line <meta name="viewport" content="width=device-width"> fixes the issue, though I thought this meta tag was meant to make the value of width more predictable under media queries.
Is this font boosting/inflation? If so, how is this not violating CSS standards? Thanks in advance for your advice. Cheers, Ezequiel [1] http://i.imgur.com/WtmgiXQ.png [2] Please consider the following: <style> table { border-spacing: 0 } td,p { font-size: medium } </style> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Rerum, cumque, pariatur, deserunt id impedit delectus at porro eum quaerat officia atque eligendi tempora corporis necessitatibus quos minima eaque dolorem eius quia nisi velit hic consequatur ea quis earum unde consectetur!</p> <table><td>Lorem ipsum dolor sit.</td></table> (If the paragraph is a bit shorter the font size is the same in P as in TD.) ______________________________________________________________________ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/