我正在使用 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>