原生应用程序中的应用程序开发分别针对iPhone和Android进行。但在HTML5 Sencha框架应用程序中，使用了相同的HTML5代码。我们是否应该为两个平台的警报框或按钮使用相同的视觉样式，还是应该根据平台看起来不同？
由于使用了相同的HTML5代码，您如何处理两个平台的不同外观？例如，菜单栏位于iPhone底部，而Android位于顶部。或者对于Android，我们需要隐藏顶部后退按钮或如何为两个平台设置不同的警报框或按钮样式？
我们是否需要为iOS和An使用不同的CSS文件集？
我正在通过厨房同步Sencha应用程序，它显示了一个非常基本的警报框样式。
答案 0 :(得分：1)
您可以使用Sencha Touch在检测用户代理时添加的iOS / Android类。例如，如果设备运行iOS，则body元素具有类＆＃34; x-ios＆＃34;。对于Android，它将是＆＃34; x-android＆＃34;。这也适用于特定的OS版本（例如：＆＃34; x-ios-4＆＃34;）。尝试在Chrome中覆盖您的用户代理并检查不同代理下的元素以了解这些类。使用这些类可以避免使用多个样式表，并根据类别相应地设置CSS。
对于无法使用简单CSS执行的特定布局调整 - 这是配置文件发挥作用的地方（http://docs.sencha.com/touch/2-1/#!/api/Ext.app.Profile ）。为Android和iOS设置配置文件，并使用启动功能根据需要操作特定组件。
使用这些方法，您应该能够保持组织有序并最大限度地减少所需的单独文件数量。