Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

iPad iPhone scale background images

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.

like image 388
jguffey Avatar asked May 18 '10 19:05

jguffey


People also ask

How do I make wallpaper fit my iPad?

To reposition your selected image, pinch open to zoom in on it, then drag the image to move it. Pinch closed to zoom back out. to turn on Perspective Zoom (available with some wallpaper choices), which makes your wallpaper seem to “move” when you change your viewing angle.

Why can't I move and scale my wallpaper iOS 13?

Some images might not move and scale. If Perspective Zoom is on, the wallpaper moves as you tilt your screen. To turn it off, tap the Perspective Zoom button.

Why is my wallpaper zoomed in iPhone?

Press and hold on the Lock Screen to enter the wallpaper gallery. Swipe if necessary to the Lock Screen wallpaper with the depth effect, then tap Customize. Tap the ellipsis icon (three encircled dots) in the bottom-right corner. Tap Perspective Zoom to uncheck the option.


2 Answers

This worked for on iPad:

-webkit-background-size: length_x length_y;
like image 198
Adi Avatar answered Sep 21 '22 12:09

Adi


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

like image 35
Ryukra Avatar answered Sep 21 '22 12:09

Ryukra