iOS Safari background image size problem

While working on a small website today, I found that while the background image for the wrapper showed up perfectly on IE7+, FireFox, Safari, and Chrome it was about 50% size of what it should have been in Safari mobile.

For some reason Safari mobile is reducing the size but thankful there is a way to force the actual size in the css using:

-webkit-background-size: widthpx heightpx;

-webkit-background-size:980px 2574px; (simply put in the exact size of the wrapper image)

Leave a Reply