0

我正在使用 Kendo Mobile 并正在测试模态视图。我的目标是让模态视图的高度自动调整为其中的内容。

这是我目前拥有的：

<div id="mPopover" data-role="modalview" style="width: 95%; height: auto;">
    <div data-role="content">
        <ul data-role="listview">
            <li>...</li>
            .
            .
            .
        </ul>
    </div>
</div>

这在我测试过的所有移动浏览器（Android 2.3 普通浏览器、Firefox、Dolphin）上都能正常工作……除了 Opera Mobile。我知道 Opera 并没有声称得到完全支持，但是有没有人知道为什么 Opera Mobile 中的内联高度值没有得到同样的尊重？我在 Opera Mobile 中看到的只是一条非常薄的模态视图。

我正在使用适用于 Android 2.3 的最新 Kendo UI Mobile、Jquery 和 Opera Mobile 浏览器。

谢谢

4

3 回答 3

1

Kendo UI Mobile 没有声称对 Opera Mobile 有任何支持——很多东西都会在那里被破坏。这有几个原因 - flexbox（现在在最新的 Opera 中支持）、无法删除点击轮廓以及糟糕的 CSS 转换/转换性能。

于 2013-02-07T06:03:54.313 回答
1

想出一个可靠的解决方法，使用 JQuery 正确调整所有模式视图的大小：

$(window).bind("load", function () {        
    // kendo rendering fix for windows phone 8 and opera mobile
    // correctly sizes all modal views
    $("[data-role=\"modalview\"]").each(function() {
        $(this).height($(this).height());
    });
});
于 2013-02-22T20:30:04.283 回答
0

在调用模式 'open' 调用之前调用它：

$(".km-modalview-wrapper").height('auto');

此外，您必须将 data-stretch="true" 设置为模态视图。

于 2015-10-10T17:35:35.540 回答