Skip to content
This repository

Media Query portrait - landscape orientation photo resize problem #25

Open
ganchan opened this Issue · 4 comments

2 participants

Giovanni Bastianelli Marwan
Giovanni Bastianelli

I'm using your gallery with the MediaQuery for iphone but i've a little problem when i rotate the iphone from portrait to landscape, the photos seems to be cut on the right.
I'm trying to debug the css to see if is a style problem but, if i load the gallery in landscape and i rotate to portrait this not happen, even if rotate the device many times.

Giovanni Bastianelli

here some examples:
http://www.inventati.org/ganchan/touch-gallery/shot1.png http://www.inventati.org/ganchan/touch-gallery/shot2.png http://www.inventati.org/ganchan/touch-gallery/shot3.png http://www.inventati.org/ganchan/touch-gallery/shot4.png
the css is linked in this way, but is empty for tests:
meta name="viewport" content="initial-scale = 1.0, maximum-scale = 1.0, user-scalable = no"
link type="text/css" rel="stylesheet" media="only screen and (max-device-width: 480px)" href="css/gallery.css" /

Giovanni Bastianelli

ok, the problem is the "maximum-scale = 1.0" used with the media query to organize the sites in portrait and landscape orientation.

Marwan

I tried removing the maximum scale but then switching into landscape shows the image properly but the layout of my site gets zoomed in.

Giovanni Bastianelli

@mfarha yes i have the same problem.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Something went wrong with that request. Please try again.