views:

716

answers:

1

Just wondering if anyone else has experienced the iPad/iPhone scaling their background images down to fit the view port.

In my case, I'm swapping out background images via javascript, and the new background images are super wide to fit large displays. However, the iPad is scaling down the background images that are added to the DOM via javascript. I solved this by using "-webkit-background-size" set to the size that the image should be, but this causes the background image to be stretched and pixelated.

+2  A: 

The iphoneOS scales every picture with above 2 million pixels (width*height) 50% down. I managed it with spliting the background into two pictures.

Ryukra
Interesting, I wound up using a smaller version of the same image for iPad users, I suppose since it was less than 2 million pixels- I no longer had the problem.
Jguffey
Interesting, I can confirm this behavior too. Any idea where to get some official documentation on this?
mtness
just found some docu here:http://developer.apple.com/safari/library/documentation/AppleApplications/Reference/SafariWebContent/CreatingContentforSafarioniPhone/CreatingContentforSafarioniPhone.html#//apple_ref/doc/uid/TP40006482-SW15
mtness