jQueryMobileを使用してWebアプリを構築しています。
アプリのほぼすべてのページには、ページのコンテンツを含む1つのボックスがあります。今のところ、これらのボックスの高さは固定されています。
私が望んでいるのは、各ボックスが特定のコンテンツに適したサイズになるように、ボックスを再スケーリングすることです。誰かがこれを行う方法を知っていますか?
私の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>