JQuery Mobile ScrollView 适合屏幕高度

Question

我希望 JQuery Mobile 中的 scrollview 适合屏幕高度。

我想要三行元素，并且元素的高度应该在页面调整大小时自动更改。

这是我的 scrollview 容器 css 代码:

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

这是 scrollview 中元素的 css 代码:

    .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%。

我的完整页面代码是here .

但它不能正常工作。当我更改浏览器的高度(通过调整浏览器大小)时，有时会出现滚动条，并且元素未正确调整大小...

问题是什么？

Answer 1

您使用的是 ScrollView ，Jquery Mobile 不再支持它。尝试以下任一方法:

Overthrow - 应该是 Scrollview 的后续
JQM iscrollview - 另一种选择