title: h1, h2, h3 tags resize different than p tags
body: <p>I'm trying to resize a text after I change the font size settings on my phone. 
  Here is what I see when the font is at its minimum size:</p>
  
  <p><img src="https://i.stack.imgur.com/xKVxk.png" alt="Minimum Size Text"></p>
  
  <p>And here is what I see when the font is at its maximum size:</p>
  
  <p><img src="https://i.stack.imgur.com/9k4ik.png" alt="Maximum Size Text"></p>
  
  <p>See how the aspect ratio between the h3 tag and the p tag changes? p tag goes way bigger than h3 does. How should I solve this?</p>
  
  <p>My CSS code is like this:</p>
  
  <pre><code>h3{
     font: normal 26px Khand, Monda, Ubuntu, sans-serif;
    }
  
  p{
    font:normal 18px Carrois Gothic, Ubuntu, sans-serif;
   }
  </code></pre>
  
  <p>Edit: I have added "text-size-adjust: 130%;" to my h3 and it works, but is not a nice looking solution...</p>