Question

我想分离Tablet和Mobile视图，我在应用程序的定义中选择它。但它失败了，一旦我运行应用程序就没有任何反应。这是一段代码：

<div id="phoneApp">
   <div data-role="view" id="home">
       <h1>Phone Home</h1>
   </div>
   <div data-role="view" id="about">
       <h1>Phone About</h1>
   </div>
   <div data-role="layout" data-id="phoneDefault">
       <div data-role="header">
          <div data-role="navbar">
                Phone App
          </div>                       
       </div>
       <!--Content--> 
       <div data-role="footer">
           <div data-role="tabstrip">
             <a href="#home" data-icon="home">Home</a>
             <a href="#about" data-icon="info">About</a>
           </div>
       </div>
   </div>
</div>
<script>
    var app = new kendo.mobile.Application($("#phoneApp"), {transition: "slide", layout: "phoneDefault" });
</script>

我正在尝试重现这个例子：http://jsfiddle.net/toddanglin/YGUeJ/5/，在fiddler上工作，在我的电脑上它没有。

我忘记了什么吗？

感谢您的帮助！

Answer 1

您是否尝试添加CSS定义：

body, html {
    margin:0;
    height:100%;
    width:100%;
}

就像你在小提琴里一样？

在平板电脑或移动内容之间切换

1 个答案: