Iphone 在触发器iO中使用不同的设备

我正在使用triggerIO框架创建应用程序。我想根据iPhone和iPad的屏幕分辨率更改html页面。现在我已经有条件地加载了两个不同的css。但我想知道这是一种更干净的方法吗或有没有更好、更有效的方法或在触发器IO中是否有任何内置框架可供使用？

通常，我们建议创建适应当前屏幕的接口，而不是根据设备检测在不同CSS文件之间切换

如果你想支持Android，那就更重要了，因为Android有大量不同的屏幕大小和形状

---

你可以考虑一个响应性强的设计框架，或者更轻一些。

这取决于你的应用程序设计，但我建议在CSS中使用相对单位，如ems，并在body元素上设置字体大小

在我们的应用程序中，我们执行类似于

$（'body'）.css（'font-size'，（window.innerWidth*16/320）+'px'）

的操作。16是默认字体大小，320是px中的宽度。我们的应用程序是在initialy设计的

例如，如果某个元素的宽度是100px，那么我将宽度设置为：6.25em