I've been following another thread (Phone breaks....), and I can see the advantage of using
'ems' rather than pixels for media queries.
So if I'm using 'px' now but would like to change to 'em', how do I calculate how many 'em' to
allow for my 960px starting point ?
To add to my confusion my Google Nexus7 tablet claims a screen resolution of 1920x1200px, which
is the same as my desktop monitor. But in portrait format it responds to a media query with
max-width 600px. The DPI of the Nexus is much higher than the monitor, of course.
My viewport meta tag is:
'<meta name="viewport" content="width=device-width; maximum-scale=1;
minimum-scale=1;" />'
Despite this it would seem the scaling isn't actually 1, but more like 1:1.6
(960/600).
Would I be best off making a guess (say 1em = 40px) and then seeing how it looks and adjusting
empirically ? I could make it work with my Nexus7 and Galaxy phone, perhaps, but what about all
the others out there that I can't possibly test ?
Regards,
Tim
--
Tim Dawson
Maolbhuidhe
Fionnphort
Isle of Mull PA66 6BP
01681 700718
______________________________________________________________________
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/
