I am optimizing my online portfolio for the iPhone.
I am using the following media queries for both portrait and landscape orientations.
1)@media screen and (orientation:portrait) {}
2)@media screen and (orientation:landscape) {}
The issue I have is that when I rotate my iPhone from portrait to landscape or vice versa the design gets messed up adding a lot of white space between elements, only if I refresh the browser then the design is fine.
When first building the style sheet for the media query in portrait mode, I came across a lot of white space and I had to use few negative margins to bring the elements back to their original position... I am assuming there is already something wrong there..
I hope this is enough for you guys to understand my issue.
Thanks so much