title: Fonts are showing big in ipad , breaking the layout, how to solve this?
body: <p>I'm Making a website for Desktop+iPad. Site look fine in Desktop browsers including Safari.</p>
  
  <p>but in iPad fonts are big and breaking the layout.</p>
  
  <p>This problem can be solved if i use </p>
  
  <pre><code>body {
      -webkit-text-size-adjust:none;
  }
  </code></pre>
  
  <p>But according to this info <a href="http://www.456bereastreet.com/archive/201011/beware_of_-webkit-text-size-adjustnone/" rel="nofollow">http://www.456bereastreet.com/archive/201011/beware_of_-webkit-text-size-adjustnone/</a> this code applies to Desktop Safari. user in Desktop safari cannot adjust the size which is not good for site's accessibility</p>
  
  <p>is there any other alternative to solve this big text problem in iPad.</p>