CSS样式奇怪地呈现取决于设备

Question

我正在构建一个独立的应用程序。

问题在于，当我在我的网络服务器上部署，然后在桌面浏览器上进行测试时，一切都很好，而不是在我的移动设备上（IPad）：颜色不同（是的，我因为颜色而卡住了 - 。 - ）。 我试过不同的浏览器 - 结果相同。

我将mobile.ios.css文件用于我的应用。因此，在每个示例中，使用ios样式表，您可以获得默认的蓝色渐变导航栏以及标题的白色文本（桌面浏览器上的确定）。在我的Ipad上，它呈现灰色/白色渐变而不是蓝色，标题是带有阴影的更深的灰色。它似乎是导航栏的默认样式，但为什么它在桌面上工作呢？

我使用了kendo ui网站上提供的主题构建器来修复它，但它失败了。

我认为这个问题属于kendo框架背后的javascript。

有人有想法或遇到过类似的困难吗？

Answer 1

Kendo UI Mobile在iPhone和iPad上显示略有不同的样式，以更好地融入类似本机的应用程序。 iOS版本之间也存在差异（例如，Switch在4和5之间不同，TabStrip在5和6之间）。

如果您希望在任何地方都使用相同的样式，则可以在应用程序中强制使用该平台 - check the docs以了解如何操作。