title: CSS 62.5% why do developers use it?
body: <p>I know we all probably used before 62.5% as font body size, we used this for old IE versions to do correct scaling on zoom.</p>
  
  <p>So, I understand why it is this value, and how it deals with "em". What I don't understand is why peoples still use it? Especially when they have design which anyway not respect user font settings.</p>
  
  <p>I'm not have anything against it when it used a clever way, like those one site good example <a href="http://www.polarfoundation.org/" rel="noreferrer">http://www.polarfoundation.org/</a> it fully respect user font settings and adjust the display to it, so here it is absolutely needed and all fine.</p>
  
  <p>And here is an opposite example <a href="http://froont.com/" rel="noreferrer">http://froont.com/</a> it has nothing with respect to the user's font settings. So if the user, for example, has an extra large font in browser defaults their design simply become broken. So if they anyway make design based on magic value of "62.5%" which is "10px" and count all other values from that point why not simply put "10px" instead of "62.5" this way design not become broken and nowadays all browsers can handle zoom of "px" without any problem.</p>
  
  <p>So questions are:</p>
  
  <ul>
  <li>Am I missing something?</li>
  <li>Is there a real reason still using "62.5%" instead of "10px"?</li>
  <li>Is there some benefits to use "62.5%" instead of even if the design gets broken(according to example)?</li>
  </ul>
  
  <p>Because as for the example above I feel dumb in understanding why they do that if it doesn't work correctly.</p>
  
  <p><strong>UPDATE 1:</strong><br>
  It's not related to <a href="https://stackoverflow.com/questions/7714543/font-size62-5-vs-font-size10px">font-size:62.5% vs. font-size:10px</a>. I know so 62.5% is equal to 10px in many points and I know what the difference is. I'm not talking about IE behavior for which is related. Besides, I'm interested why it's used when no need.</p>
  
  <p><strong>Please read question before comment.</strong>  </p>
  
  <ol>
  <li>It not related to scaling, look on 2nd example, it used as a magic point to 10px, and it especially broke everything on scaling</li>
  <li>It not related to golden rule, 62.5% used to get base font of 10px for easy math</li>
  </ol>
  
  <p><strong>UPDATE 2:</strong><br>
  Here are images of both examples on different default browser font size. I hope they explain more what I mean.</p>
  
  <p>Good example, normal default font size(16px):
  <img src="https://i.stack.imgur.com/Qbk4j.png" alt="example 1 normal scale"></p>
  
  <p>Good example, large default font size:
  <img src="https://i.stack.imgur.com/dFfcu.png" alt="example 1 large scale"></p>
  
  <p>In this one example everything is fine, they don't use magic value but fully respect default browser font, so everything's alright even when font changes.</p>
  
  <p>Bad example, normal default font size(16px):
  <img src="https://i.stack.imgur.com/xH7Md.png" alt="example 2 normal scale"></p>
  
  <p>Bad example, large default font size:
  <img src="https://i.stack.imgur.com/NxJYP.png" alt="example 2 large scale"></p>
  
  <p>And this is where everything goes wrong, cos they used "62.5%" in assuming it to become "10px". But if they only used it as is "10px" all still be fine, so why they and many others still use "62.5%" even without thinking?</p>