如何自动调整框大小以适应内容 - 使用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;