Question

我无法在Android设备上正确显示Kendo导航栏。我已经阅读过Kendo文档和S.O.关于添加以下css来解决此问题：

.km-android .km-view:not(.km-splitview) {
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
}

我已尝试过此css的多种变体，但仍无法让我的导航栏与iOS中的外观相匹配。我的基本设置如下：

        <!-- Kendo Mobile Title Bar -->
        <div data-role="view" data-title="<%= BaseShared.GetPageTitle() %>">
            <div data-role="header">
                <div id="csMainNavId" data-role="navbar">
                    <a id="slide-in-handle" class="pull-left" href="#"><span class="glyphicon glyphicon-menu-hamburger" id="menuButton" aria-hidden="true"></span></a>                    
                    <span data-role="view-title" class="title-bar-heading">...</span>
                </div> 
            </div>
            <div id="contentPanel" data-role="content">
                <!-- Content ... -->
            </div>
        </div>
        <script type="text/javascript">
            new kendo.mobile.Application(document.body, { useNativeScrolling: true });
        </script>

我的页面和导航栏在除Android以外的所有设备上都能正常工作。导航栏显示在页面底部，默认情况下隐藏标题文本。同样，我知道Android会颠倒页眉和页脚顺序，但我的问题是所有文档化的解决方案都因某些原因无效。我错过了一些明显的东西吗？

对于Android设备，Kendo Navbar无法正确显示

0 个答案: