如何自动调整一个框以适应内容 - 用jQuery Mobile

Question

我正在用jQuery Mobile构建一个web应用程序。

几乎应用程序的每个页面都有一个包含页面内容的框;目前，这些箱子有一个固定的高度。

我想要的是这些盒子重新调整比例，使每个盒子的尺寸适合其特定的内容。任何人都有一个想法如何做到这一点？

我的CSS目前看起来是这样的：

.ui-grid-g-login { 
    overflow: hidden; 
    background-color:#FFFFFF; 
    margin-right: 10px; 
    margin-left: 10px; 
    height: 350px; 
    padding-top:20px; 
    padding-bottom:20px; 
    padding-right:30px; 
    padding-left:30px; 
    border:2px solid; 
    border-radius:20px; 
} 

的类被分配到一个DIV：

<div class="ui-grid-g-login"> content </div> 

Answer 1

检查：

min-height:350px; 
height:auto;