Background Supersize and iOS

Hi, all!
I am using this action to autofit the background to the screensize.
No problem at all in computer browsers, but when you watch the site in iOS devices (not tested under Android), the background doesn’t scale when you rotate from portrait to landscape.
Anyone knows a workaround?
Thanks in advance!

http://www.mobamusic.es


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

I’ve noticed this on my site http://www.davidowendesign.com although I’m just using background-size:cover in the extended attributes.

If the background image is fixed to the window size and your content is deeper than the screen the image will not fit on rotation. I used media queries to shorten the page content so it fits in portrait or landscape and used @media screen and (max-device-width : 320px) and (orientation:landscape) to force the 100% height of the #cover image

BTW your site appears down with a login to a LaCie network drive instead?

David Owen { Freeway Friendly Web hosting and Domains }
http://www.ineedwebhosting.co.uk

On 29 Apr 2014, at 15:09, Ugo email@hidden wrote:

Hi, all!
I am using this action to autofit the background to the screensize.
No problem at all in computer browsers, but when you watch the site in iOS devices (not tested under Android), the background doesn’t scale when you rotate from portrait to landscape.
Anyone knows a workaround?
Thanks in advance!

http://www.mobamusic.es


freewaytalk mailing list
email@hidden
Update your subscriptions at:
List Options | FreewayTalk


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

If you wait long enough you’ll see the colours change http://www.davidowendesign.com

-webkit-animation: changeHue 20s alternate infinite;

David Owen

On 30 Apr 2014, at 09:31, David Owen email@hidden wrote:

I’ve noticed this on my site http://www.davidowendesign.com although I’m just using background-size:cover in the extended attributes.

If the background image is fixed to the window size and your content is deeper than the screen the image will not fit on rotation. I used media queries to shorten the page content so it fits in portrait or landscape and used @media screen and (max-device-width : 320px) and (orientation:landscape) to force the 100% height of the #cover image

BTW your site appears down with a login to a LaCie network drive instead?

David Owen { Freeway Friendly Web hosting and Domains }
http://www.ineedwebhosting.co.uk

On 29 Apr 2014, at 15:09, Ugo email@hidden wrote:

Hi, all!
I am using this action to autofit the background to the screensize.
No problem at all in computer browsers, but when you watch the site in iOS devices (not tested under Android), the background doesn’t scale when you rotate from portrait to landscape.
Anyone knows a workaround?
Thanks in advance!

http://www.mobamusic.es


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Hi, David!

Sure, the site is at www.mobamusic.com

I like the idea of forcing to landscape and set a fixed parameters.
Also, I was thinking to add a js to detect the device and watch the orientation to fit appropriately.

Let me try.

Thanks.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options