title: Layout of html elements with enabled keyboard
body: <p>Is it possible to create an html element (let's say div) which will have responsive height and will be covered by enabled keyboard?</p>
  
  <p>I have following situation:</p>
  
  <p><a href="https://i.stack.imgur.com/21QCs.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/21QCs.png" alt="enter image description here"></a></p>
  
  <p>And I'd want to have this div to be scrollable like that</p>
  
  <p><a href="https://i.stack.imgur.com/qJKAB.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/qJKAB.png" alt="enter image description here"></a></p>
  
  <p>I know I could do that by setting height of div to specifix px value but I'd want it to look the same on different mobile devices. I've tried to use <code>vh</code> but as I understand it corresponds to viewport height which is different with enabled keyboard. Is it possible to make viewport sizes not changable? </p>