On Aug 23, 2010, at 6:35 PM, David Laakso wrote:

> 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"/>

Hi David-

Thanks very much for your suggestion. It worked after I had removed the 
"-webkit-text-size-adjust: 133.3333%;" markup, which also enabled me to 
simplify the whole page by getting rid of the media queried CSS.

It turns out that my problem appears unrelated, however. If you can view this 
page on an iPad in landscape and portrait mode, you'll see the phenomenon:

<http://vze26m98.net/css-discuss/test-ipad.html>

The black-on-white text appears to preserve its thickness, while the 
white-on-black type appears "thicker" in landscape than portrait.

I assume this is some phenomenon of the way that the iPad display hardware 
works. Or it could be (LCD) displays in general, as I now realize that the 
iPhone simulator doesn't rotate the display, it rotates a frame around a 
simulated screen. Doh! ;-)

Odd also that I have a mockup on an iPhone 3G/iOS4 that doesn't seem to have 
this problem.

If anyone had further comments about this, I'd be most appreciative.

Best wishes,

Charles

______________________________________________________________________
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/

Reply via email to