title: Optimize prettyPhoto lightbox for mobile devices?
body: <p>I'm currently using <a href="http://www.no-margin-for-errors.com/projects/prettyphoto-jquery-lightbox-clone/" rel="noreferrer">prettyPhoto</a> on a site I'm working on but have run into a small problem on mobile devices.  </p>
  
  <p>The plugin has the option "allow_resize: false" which disallows resizing the photos bigger than viewport however the resulting downsized images are too small at roughly 30-35% of the viewport width.  This is a problem on a 480px wide screen as the images are only utilising a fraction of the available space.  </p>
  
  <p>What I'm trying to do is get it to rescale to roughly 95% of the viewport.  I've tried fixing this with css and media queries but I run into a problem where the vertical images run off the page when the width is set to 95%.  </p>
  
  <p>I'm guessing modifying the original plugin or adding javascript would be a better solution.  Does anyone have any suggestions on the best way to do this?</p>