css - Kendo Mobile - 模态视图不调整内容的高度

Question

我正在使用 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 stock 浏览器、Firefox、Dolphin)上都按预期工作...除了 Opera Mobile。我知道 Opera 并没有声称得到完全支持，但是有没有人知道为什么 Opera Mobile 中的行内高度值没有受到同样的尊重？我在 Opera Mobile 中看到的只是一条非常细的模态视图。

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

谢谢

Answer 1

Kendo UI Mobile 未声称对 Opera Mobile 有任何支持 - 那里有许多问题。这有几个原因 - flexbox(现在在最新的 Opera 中支持)，无法删除点击轮廓和可怕的 CSS 转换/转换性能。