1

画面の高さに合わせscrollviewたい。JQuery Mobile

3 行の項目が必要で、ページのサイズが変更されたときに項目の高さが自動的に変更される必要があります。

これは私のscrollview containercssコードです:

    .threeByThree {
        border: solid 0px black;
        background-color: #ccc;
        overflow: hidden;
        width: 100%;
        height: 80%;
        padding-top:10px;
        padding-left:10px;
    }

そして、これは内部の要素のcssコードですscrollview:

    .square {
        width: 200px;
        height: 30%;
        border: solid 0px #333;
        text-align: center;
        line-height: 100px;
        font-size: 20px;
        margin: 10px 10px 10px 10px;
    }

また、ページ要素とコンテンツ要素は次の css コードです: height:100%.

私の完全なページコードはこちらです。

しかし、正しく動作しません。ブラウザーの高さを (ブラウザーのサイズを変更して) 変更すると、スクロールバーが表示され、要素のサイズが正しく変更されないことがあります...

何が問題ですか？

4

1 に答える 1

1

Jquery Mobile ではサポートされなくなった scrollview を使用しています。次のいずれかを試してください。

Overthrow - Scrollview
JQM isscrollview - 別の代替手段のフォローアップとなるはずです

于 2012-06-29T12:33:42.907 に答える