iphone - 在 Trigger iO 中使用不同的设备

Question

我正在使用 triggerIO 框架创建应用程序。我想根据 iPhone 和 iPad 的屏幕分辨率更改我的 html 页面。现在我有条件地加载了两个不同的 css。但我想知道它是否更清洁？ 或者有没有更好更有效的方法来做到这一点？ 或在触发器 IO 中是否有任何内置框架可用于此？

Answer 1

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

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

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