My background page image scales when I resize the browserwindow. In the website responsinator.com I see my background image on different screens. Strangely enough; when I take my iPad and iPhone, my background image does not show at all. It looks like it does not resize.
I have made de background image appear like this through the inspector settings and page extended (style background-cover)
There’s also a small gap between the divs ‘Content5’ and ‘footer’, caused by the ‘margin:10px’ which is applied to ‘Content5’. The background image, applied to the body, is shown through this 10px high gap.
Yes Richard, that originally was intended. When I had another image. But I cannot understand why the image does not scale.
Responsinator shows the image on iphone, but ‘for real’ it does not show!
Yes Richard, that originally was intended. When I had another image. But I cannot understand why the image does not scale.
Responsinator shows the image on iphone, but ‘for real’ it does not show!
Yes Richard, that originally was intended. When I had another image. But I cannot understand why the image does not scale.
Responsinator shows the image on iphone, but ‘for real’ it does not show!
Yes Richard, that originally was intended. When I had another image. But I cannot understand why the image does not scale.
Responsinator shows the image on iphone, but ‘for real’ it does not show!
Not sure about not being able to see the bg image on ipad - more about image position (off to the right and down). Have you tried background-size: contain instead
There is an issue in that there is a gap where you image shows through after #Content5
You can download the image I posted (alt-click on the link).
The background-position for body was fixed, it’s not for Content1 (so it scrolls with the page). You can change the settings in the inspector to match mine.