html - BlackBerry WebWorks 中的屏幕分辨率

Question

我是 webworks 和整个 BlackBerry Development 的新手，我有一个关于它的问题。我将为 Torch 手机开发我的应用程序。据我所知，手电筒系列有 3 或 4 种不同的屏幕分辨率。但是纵横比保持不变。

所以，问题来了：我应该如何处理我的 html 页面的布局。我应该通过使用 %'s instad 的 px's 来使其灵活，还是应该选择最小的屏幕分辨率，而分辨率更大的手电筒手机会自动使其适合？RIM 对此有任何解决方案吗？

score 0 · Accepted Answer

您可以使用 CSS 中的媒体查询，例如 torch 9800

@media screen and (min-width: 360px) and (max-width: 480px) { … }

您可以在 html5 中将这些功能用于开发人员应用程序的媒体查询

检查此文档

score 0 · Accepted Answer

我建议使用这样的 META 视口：

<meta name="viewport" content="user-scalable=no,initial-scale=1.0">

对于 Torch 设备，您可能还需要包含该target-densitydpi=device-dpi属性，该属性允许 Web 引擎将内容缩放到当前屏幕分辨率。

这是我为演示视口编写的示例。尝试在您的设备上加载它以查看内容的呈现方式：http: //blackberry.github.com/WebWorks-Samples/kitchenSink/html/browser/viewport/viewport.html

2 回答 2