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

Question

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

Answer 1

这取决于你的应用程序设计，但我建议在CSS中使用ems等相关单位，并在body元素上设置font-size。

在我们的应用中，我们执行$('body').css('font-size', (window.innerWidth * 16 / 320) + 'px')之类的操作。 16是默认的字体大小，320是我们的应用程序初始设计的px宽度。

因此，例如，如果某个元素的宽度为100px，我设置宽度：6.25em。

Answer 2

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

如果你想支持Android，那就更有意义了，那里有大量不同的屏幕尺寸和形状。

您可以查看Twitter Bootstrap的响应式设计框架，或320 and up，它往往会更轻一些。