I'm using WP 3.3.1 to run a photography portfolio site. I have the WP jquery lightbox plugin to overlay images on the thumbnail gallery page which is provided by NextGEN Gallery. The plugin states that it resizes to match screen size and it mobile optimized. However, when I view my site on my iPhone (same results with iPad) the lightbox becomes absolutely minuscule. It does not match the size of the iPhone screen and does not adjust when the phone is switched into landscape mode. I've isolated the code that causes this error down to my meta viewport tag which looks like this:
<meta name="viewport" content="width=device-width, height=1150px"/>
The height code is only so the site displays properly while I am adding content and will be removed once I have all the content added to the site. It does not affect the Lightbox overlay. Does anyone have any ideas why the device-width value causes the jquery Lightbox to shrink on mobile? Or any better solutions to providing a lightbox overlay on a mobile site?