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.
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.
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.
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.
This worked for on iPad:
-webkit-background-size: length_x length_y;
The iphoneOS scales every picture with above 2 million pixels (width*height) 50% down. I managed it with spliting the background into two pictures.
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With