title: Html text box height in percentage
body: <p>I am creating a html5 mobile apllication using Sencha Touch.</p>
  
  <p>I want to specify the height of text box in percentage of screen size.I am aware that the percentage is calculated based on the size of its parent container.If i specify the height as x% in css the height will be different for different text boxes based on its position ie the height will be small if it is placed inside a div with height y% </p>
  
  <p>I have also checked "em" but the default font size is 16px in all devices</p>
  
  <p>Please suggest a solution(other than using media query)</p>
  
  <p>Regards</p>
  
  <p>Denny</p>