gpt4 book ai didi

jquery - Kendo Ui 中的页眉和页脚互换

转载 作者:行者123 更新时间:2023-12-01 01:07:16 25 4
gpt4 key购买 nike

我的页眉和页脚互换了,即它们出现在相反的位置。页眉位于底部,页脚位于顶部。我不知道发生了什么,因为这是一个非常基本的问题。这是我的代码`

<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>

此外,手机中的布局与预期不符。在浏览器中,仅占用一半屏幕,而在手机中,布局不正确 Browser Image Android Image`

最佳答案

这对我来说也总是很烦恼。 Kendo 确实很擅长跟上 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 怪异之处:Kendo Mobile Gotchas, Tips and Tricks .

关于jquery - Kendo Ui 中的页眉和页脚互换,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24584004/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com