I have built a website www.awautotech.co.uk which is know live. There is a custom block which is built up from a view with a fixed image dimension of 960px wide. When viewing the homepage in portrait mode in tablet view I can see that the image scales accordingly to the dimensions assigned within the theme. When rotating to landscape mode the image itself will only fill the container if I do a refresh on the screen.

Config theme settings used are:

Landscape

Set the page width = 100%
Set a max width = 960px
Media Query = only screen and (min-width:769px) and (max-width:1024px)

Portrait

Set the page width = 100%
Set a max width = 780px
Media Query = only screen and (min-width:481px) and (max-width:768px)

Can anyone advise what I am doing wrong?

Comments

Jeff Burnz’s picture

Jeff Burnz CreditAttribution: Jeff Burnz commented
Priority: Critical » Normal

Probably nothing you are doing is wrong, what kind of tablet - an iPad by any chance? It could be the famous scale bug - I can see it happening in my iPad on your site - when I rotate back to landscape the image actually gets too big - classic scale bug in iPad.

The sure fire way to fix this is turn on the Polyfill in theme settings that fixes the bug.