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!
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 }
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!
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?
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!
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.