# How to control a background image on an iPad

**URL:** https://forum.pinegrow.com/t/how-to-control-a-background-image-on-an-ipad/3115
**Category:** General
**Created:** [June 19, 2019, 10:16pm UTC](https://forum.pinegrow.com/t/how-to-control-a-background-image-on-an-ipad/3115 "2019-06-19T22:16:19Z")
**Posts on this page:** 2
**Page:** 1

<div class="post-metadata">

### Author: ![randyrie](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/randyrie/32/2103_2.png) [@randyrie](https://forum.pinegrow.com/u/randyrie)
#### Post date: [June 19, 2019, 10:16pm UTC](https://forum.pinegrow.com/t/how-to-control-a-background-image-on-an-ipad/3115/1 "2019-06-19T22:16:19Z")

</div>

After a lot of nagging from my artist daughter, I picked up an ipad (9.7") and really like it but am experiencing difficulty building webpages that respond properly to its screen size. Here is a capture of what I’m trying to do:

 ![screen issues.png](https://canada1.discourse-cdn.com/flex036/uploads/pinegrow/original/2X/5/57f627173f8dcbc0f4da8bff7cb54011a10c3adc.png)

What am I doing wrong that I cannot get a ‘proper’ display on my iPad’s Firefox or on Safari while it looks perfect in the Puffin browser? Anyone experience something similar & how did you fix the issue? Do I need to include some -WebKit extensions in my CSS to get FireFox to properly display on my iPad?

You will see a count of new replies because you posted a reply to this topic.

---

<div class="post-metadata">

### Author: ![AllMediaLab](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/allmedialab/32/2079_2.png) [@AllMediaLab](https://forum.pinegrow.com/u/AllMediaLab)
#### Post date: [June 25, 2019, 11:47am UTC](https://forum.pinegrow.com/t/how-to-control-a-background-image-on-an-ipad/3115/2 "2019-06-25T11:47:48Z")

</div>

Did reply here:

> [@Pinegrow experiment - creating a background image to fill the browser window](https://forum.pinegrow.com/t/pinegrow-experiment-creating-a-background-image-to-fill-the-browser-window/824/14):
>
> Hi Randy, If your interested you could use my self developed cross browser full screen foreground images system: [https://yourweblab.nl/full-screen/](https://yourweblab.nl/full-screen/) (you can test it in any browser or device and see what image is loading). I implemented Lazy Sizes from Farkas on Github: [https://github.com/aFarkas/lazysizes](https://github.com/aFarkas/lazysizes) and created a couple of lines CSS magic that you can see when you look in to the page source. It serves every device with the proper pixel ratio image in webp and jpg. An other example I ma…