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

Question

我正在使用 triggerIO 框架创建应用程序。我想根据 iPhone 和 iPad 的屏幕分辨率更改我的 html 页面。现在我有条件地加载了两个不同的 css。但我想知道它是更清洁的方法吗？或者有没有更好更有效的方法来做到这一点？或者在触发器 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 及更高版本，它往往更轻一些。