I have a problem with my viewport when I view my site on an iPhone.
If I load the page with a portrait orientation the page looks fine. If I rotate the phone to a horizontal orientation the page still looks fine. However, if I rotate the phone back to portrait orientation then the page's set scale breaks and I have an excess margin on the right.
I know my site is not the only one that does this as this is one thing that bugs me about Wikipedia's mobile site.
I scaled back the html as much as I could, but it was strange. If I remove seemingly arbitrary code like the input placeholder or the min-height then the viewport doesn't break down.
Can somebody confirm that their iPhone breaks as well and is there anything I can do to fix this?