title: Prevent text from being zoomed in/out
body: <p>I am building a webpage where I don't use pixels in width and height. I use only percentages in order that  page elements fit with any device (have the same percentage in page whatever device is used).</p>
  
  <p>One of the results of such approach is that the zoom of browser doesn't affect the size of my divs (what I like very much).</p>
  
  <p>The problem is that texts don't respect this rule. I tried to use CSS properties like <code>line-height</code>, <code>font-size</code> with percentage 100%, but in vain. What I need is a cross-browser solution to prevent the text from being zoomed in/out and keep its height always fit the parent div.</p>
  
  <p>I hope I could explain myself correctly. Your help is appreciated.</p>
  
  <p><strong>Edit:</strong> One of the home works I have done before asking is the use of the following propoerties, but they don't work (chrome):</p>
  
  <pre><code> -webkit-text-size-adjust:none;
  -ms-text-size-adjust:none;
  -moz-text-size-adjust:none;
  text-size-adjust:none;
  </code></pre>