CSS Style 因设备而异

Question

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

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

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

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

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

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

Answer 1

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

如果您喜欢在任何地方都使用相同的样式，您可以在您的应用程序中强制使用该平台 - check the docs 了解如何做到这一点。