How do I stop iPhones from resizing my background images?

Question

You can see the problem at myspace.com/dejaentenduband

on an iPhone, the background image is shrunk by what appears to be nearly 50%

I haven't had this issue on on other browser. I'd expect the background to simply be cropped where it doesn't fit the screen.

Since it is unusual behavior, and apple must realise this, I'm hoping there is a pure css or HTML based solution. Should I be defining something differently or giving my page's body a particular attribute?

Answer 1

Maybe you need to configure the page's viewport.

Answer 2

If the background image is taller than 1000px it will resize to the width of the viewport. Try reducing the height and see if this has an effect.