Charles Turner wrote:
I've got a simple page that is supposed to render a font on the iPad at the
same size in both portrait and landscape modes. It contains the following
markup:
<meta name="viewport" content="user-scalable=no, width=device-width"/>
and in a media query for the (portrait) display mode:
-webkit-text-size-adjust: 133.3333%;
When I view the page on the iPad simulator all looks well, but on the actual
hardware, the font looks slightly bolded in landscape mode (or narrower in
portrait, depending on your perspective).
Charles Turner
Welcome!
An off-the-wall guess [ no iPad or iPad simulator ], try:
<meta name="viewport" content="width=device-width; initial-scale=1.0;
maximum-scale=1.0;">
instead of:
<meta name="viewport" content="user-scalable=no, width=device-width"/>
Best,
~d
--
:: desktop and mobile ::
http://chelseacreekstudio.com/
______________________________________________________________________
css-discuss [cs...@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/
