title: set content height 100% jquery mobile
body: <p>I am developing jQuery Mobile page in which my CSS is </p>
  
  <pre><code>.ui-content {
    background: transparent url('./images/bg.jpg');
    background-size : 100% 100%;
    min-height: 100%;
    color:#FFFFFF;
    text-shadow:1px 1px 1px #000000;
  }
  </code></pre>
  
  <p>but page displays like this</p>
  
  <p><img src="https://i.stack.imgur.com/pJqR4.jpg" alt="enter image description here"></p>
  
  <p>I don't want that empty space between content and footer 
  content height till the footer</p>