title: Mobile keyboard changes html viewport size
body: <p>A known problem if you are using percentage (or viewport unit) width and height for <code>&lt;body&gt;</code> is that when mobile keyboard invoke due to input the size of any percentage/viewport element will change .</p>
  
  <p>I've searched a lot about this problem and nothing could really help.</p>
  
  <p>I found one of the answer is to adjust the layout according to the new viewport :
  <a href="https://stackoverflow.com/questions/22676517/ignore-or-disable-mobile-viewport-resize-due-to-keyboard-open-for-text-inputs-on"> mobile viewport resize due to keyboard</a></p>
  
  <p>but this is not really practical.</p>
  
  <p>Does anybody know how to manipulate mobile keyboard on web ?</p>
  
  <p>After some test's I found a hack that i'll put in the answers, if there are better ways, please tell :)</p>