頁眉和頁腳在KendoUi中互換

Question

我的頁眉和頁腳是互換的，因為它們出現在相反的位置。底部是頭部，頂部是頁腳。 我不知道發生了什么，因為這是一個非常基本的問題。 這是我的代碼`

<head>
<title>kProduct Details</title>

<link rel="stylesheet" href="lib/responsiveSlides.css">
<link rel="stylesheet" href="lib/themes.css">
<link href="kendo/styles/kendo.mobile.all.min.css" rel="stylesheet" />

<script src="kendo/js/jquery.min.js"></script>
<script src="kendo/js/kendo.all.min.js"></script>
<script src="js/responsiveSlides.min.js"></script>

<style>
.k-grid-header-wrap {
    background: white;
}
.k-grid-header {
    padding:0!important;
}
.km-pane {
    margin:0;
}
</style>


<body>

    <div class="rslides_container" data-role="view" data-layout="default">

        <ul class="rslides centered-btns centered-btns1" id="slider1">
            <li id="centered-btns1_s0">
                <img src="img/men1.jpg" alt="">
            </li>
            <li id="centered-btns1_s0">
                <img src="img/men2.jpg" alt="">
            </li>
            <li id="centered-btns1_s0">
                <img src="img/men.jpg" alt="">
            </li>
        </ul>

    </div>

</body>

<section data-role="layout" data-id="default">

    <div data-role="header">
        <p>I am Header</p>
    </div>
    <!--View content will render here-->
    <div data-role="footer" style="background:grey">
        <p>My App</p>
    </div>


</section>

<script>
var app = new kendo.mobile.Application(document.body, {
    platform: 'android'
});



$("#slider1").responsiveSlides({
    auto: false,
    nav: true,
    namespace: "centered-btns"
});
</script>

</html>

此外，手機中的布局也不盡如人意。在瀏覽器中，只有一半的屏幕被占用，而在手機中布局不合適瀏覽器圖片 Android Image

Answer 1

這對我來說也是一件煩惱。 作為iOS更新，劍道非常擅長跟上iOS樣式的變化，但他們的Android樣式基於Android Froyo或者超級老款。 那時候，Android的一般樣式指南是在底部放置常見的標題內容，以及頂部的標簽條等內容。

Android的默認Kendo CSS翻轉頁眉和頁腳以適應這一點。 您可以通過包含此CSS將其恢復正常：

.km-android .km-view {
    -moz-box-direction: initial;
    -webkit-box-direction: initial;
    -ms-box-direction: initial;
    box-direction: initial;
}

這個項目和其他劍道移動的怪異性在我的一篇博文中有所介紹： Kendo Mobile Gotchas，Tips and Tricks 。

頁眉和頁腳在KendoUi中互換

問題描述

1 個解決方案

解決方案1
4 已采納 2014-07-05 22:50:33

頁眉和頁腳在KendoUi中互換

問題描述

1 個解決方案

解決方案1 4 已采納 2014-07-05 22:50:33

解決方案1
4 已采納 2014-07-05 22:50:33