http://www.kriesi.at/support/topic/background-size-issue-on-mobile-devices Support Forum - Topic: Background Size Issue on Mobile Devices en-US Tue, 21 May 2013 18:48:13 +0000 http://bbpress.org/?v=1.0.2 q http://www.kriesi.at/support/search.php http://www.kriesi.at/support/topic/background-size-issue-on-mobile-devices#post-27211 Sat, 17 Sep 2011 17:41:27 +0000 Chris Beard 27211@http://www.kriesi.at/support/ <p>Let us know if it works when you get it :) </p> http://www.kriesi.at/support/topic/background-size-issue-on-mobile-devices#post-27172 Fri, 16 Sep 2011 14:34:49 +0000 stantz 27172@http://www.kriesi.at/support/ <p>Thanks Dude, hopefully a fix for mobiel Safari will do the trick but I will explore this option. </p> http://www.kriesi.at/support/topic/background-size-issue-on-mobile-devices#post-27164 Fri, 16 Sep 2011 13:18:15 +0000 Dude 27164@http://www.kriesi.at/support/ <p>Hey,<br /> as far as I know this is a limitation with the viewport on iphones/ipads and basically all other mobile devices: <a href="http://developer.apple.com/library/safari/#documentation/AppleApplications/Reference/SafariWebContent/UsingtheViewport/UsingtheViewport.html" rel="nofollow">http://developer.apple.com/library/safari/#documentation/AppleApplications/Reference/SafariWebContent/UsingtheViewport/UsingtheViewport.html</a></p> <p>Because you don't know the screen resolution of a device it's not easily possible to "hardcode" the width. You can try to use the viewport meta tag (in header.php) like suggested here: <a href="http://www.kirupa.com/forum/showthread.php?363331-How-to-get-100-footer-at-an-ipad-or-iphone" rel="nofollow">http://www.kirupa.com/forum/showthread.php?363331-How-to-get-100-footer-at-an-ipad-or-iphone</a> </p> http://www.kriesi.at/support/topic/background-size-issue-on-mobile-devices#post-27149 Fri, 16 Sep 2011 08:01:51 +0000 stantz 27149@http://www.kriesi.at/support/ <p>Hello.</p> <p>The background image on our site shrinks on mobile devices showing the body colour behind it. </p> <p>On Safari and other browsers on a desktop the image is full size and scrolls correctly, on mobile Safari on the iPad and iPhone however it does not. I have attached an image to show the issue.</p> <p>Can anyone suggest a fix to get this to work correctly?</p> <p>Many thanks.<br /> <a href="http://tinyurl.com/69pg3r5" rel="nofollow">http://tinyurl.com/69pg3r5</a> </p>