title: iOS input zoom issue
body: <p>I am making a responsive page for all mobile browsers. One issue I am running into (particularly for iOS) is that input items zoom in when touched if the <code>font-size</code> is less than <code>16px</code> - which is a big problem since the mock-up I have for the site uses a smaller <code>font-size</code>.</p>
  
  <p><a href="https://stackoverflow.com/questions/2989263/disable-auto-zoom-in-input-text-tag-safari-on-iphone">Disable Auto Zoom in Input &quot;Text&quot; tag - Safari on iPhone</a> - the answer here is to set all the input items to 16px.</p>
  
  <p><em>and</em></p>
  
  <p><a href="https://stackoverflow.com/questions/11064237/prevent-iphone-from-zooming-form">Prevent iPhone from zooming form?</a> - the answer here is to force "no zoom" on the user - in general this would be a bad UX decision.</p>
  
  <p>Is there some fix out there I can use without forcing the user to not be able to zoom and not have to change the input to some proprietary size (just to conform to iOS)?</p>
  
  <p><a href="https://jsfiddle.net/e9n2Ljqc/2/" rel="nofollow noreferrer">jsfiddle</a></p>
  
  <p>Appreciate any help. Thanks.</p>