平板电脑上的剑道和设计

时间:2013-10-30 13:18:03

标签: asp.net-mvc kendo-ui tablet

实际上,我正在开发一个带有Kendo控件的MVC应用程序。我实际上是一个带有剑道控制和显示相关性的Web模板。

对于网络,Kendo控件显示正确,因此我决定将其用于移动设备。 结果很好,按照Kendo Telerik TabStrip的例子,DEMO工作。

https://dl.dropboxusercontent.com/u/3877624/Kendo/mobile_example.gif

同意,没问题。 (我想)我会为平板电脑做同样的事情......

我使用相同的视图内容复制到平板电脑的新视图,以及平板电脑布局的相同内容。最终,它已被复制和粘贴,但确定一个用于平板电脑,一个用于移动。

当我在平板电脑模拟器上运行应用程序时,打开模板并正确平板电脑的内容,但设计与移动设备上的设计不同,并且不知道到底发生了什么

https://dl.dropboxusercontent.com/u/3877624/Kendo/tablet_example-%5B1280x768%5D.jpg

在平板电脑上,背景总是黑色,颜色显示不正确等。我不知道问题是来自 Opera模拟器还是其他因为文件是一样的。

有人可以帮忙吗?

1 个答案:

答案 0 :(得分:0)

第一个截图是iOS造型中的Kendo UI Mobile,第二个是Android样式。无论出于何种原因,剑道在一个案例中检测iOS,在另一个案例中检测Android,并尝试重新设计自己以适应操作系统的原生外观。

你可以在这里看到差异:http://demos.kendoui.com/mobile/overview/index.html#/通过右上角选择不同的操作系统“OS模拟器模式”

您可以通过在初始化应用程序时添加此内容来强制Kendo UI Mobile始终使用iOS外观:

new kendo.mobile.Application($(document.body), {
    platform: "ios"
});