html - 如何自动调整框的大小以适应内容——使用 jQuery Mobile

Question

我正在使用 jQuery Mobile 构建网络应用。

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

我想要的是重新调整方框的大小，以便每个方框的大小都适合其特定内容。任何人都知道如何做到这一点？

我的 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;