title: Detect page zoom on iPad and hide particular classes
body: <p>I'm trying to detect if a user zooms on an iOS devise while using my website, if they zoom I would like to hide specific elements and likewise if they zoom out I want to show them again. </p>
  
  <p>Is this possible?</p>
  
  <p>I know this is a device feature rather than something browser or page specific but it seems like a problem with how the page looks and how certain elements resize and position.</p>
  
  <p>Any help would be great, thanks in advance for any responses.</p>