如何仅在带有物理键盘的小屏幕黑莓上增加字体大小？答案

【问题标题】：How to increase font size on just blackberries that have small screens with physical keyboards?如何仅在带有物理键盘的小屏幕黑莓上增加字体大小？
【发布时间】：2012-05-31 07:11:34
【问题描述】：

我制作了一个移动 web 应用程序，它在所有不同的智能手机（iphone、windows、黑莓和安卓）上看起来都很好，除了黑莓有一个小屏幕和一个物理键盘。在这个特定的黑莓上，字体太小了。仅在这些类型的黑莓上应用不同样式或使字体更大的好方法是什么？

注意我的应用在全屏和虚拟键盘的黑莓上看起来很棒。它在肖像和风景中看起来很棒。所以我使用的任何针对小屏黑莓+物理键盘的解决方案都不能干扰全屏黑莓的操作/美化。

【问题讨论】：

它是专用的黑莓应用程序 (Java) 还是网络应用程序 (Javascript)？
这是一个用 html 5 和 css 3 完成的移动网站。
因此您无法检测到哪个设备运行该应用程序。您可以检测它是否是黑莓，仅此而已。一切都基于 User-Agent HTTP 标头，它不包含这样的“设备模型”信息。
好主意。我使用 PHP 输出 User-Agent HTTP 的内容，并注意到它提到了正在使用的黑莓型号。例如。它显示“黑莓9700”。所以也许我只是使用正则表达式来测试我知道的所有小屏幕黑莓型号的名称？
您的目标设备是否在 User-Agent 标头中包含此类信息？

标签： blackberry css

【解决方案1】：

解决您的问题的最佳方法是确定什么物理标准决定您何时需要使用较大的字体，然后针对该特定标准进行测试。最好不要尝试检测托管页面的设备类型，而是检测设备的某些特征。

例如，您可以决定如果屏幕尺寸小于 a x b，那么您需要更改字体大小。为此，您可以使用完全是 CSS 的媒体查询，当某些屏幕尺寸条件为真时，它会设置不同的字体大小。

我怀疑问题不在于设备有键盘，而是有物理键盘导致的屏幕尺寸限制。因此，您不应该关注它是什么类型的设备或它是否有键盘，而应该关注导致您需要不同设计的屏幕尺寸。然后，键入您的 CSS/HTML 甚至 javascript 来检测屏幕尺寸并进行相应调整。

如果您认为 CSS 媒体查询可能是一种有用的方法，则必须确保您最希望进行此修复的目标设备支持您选择使用的特定 CSS 媒体查询。

以下是 CSS 媒体查询如何工作的一些示例：

http://css-tricks.com/css-media-queries/

这是另一篇关于优化黑莓显示和测试的 SO 帖子：

Blackberry media query

【讨论】：

这听起来可能很愚蠢......但也许你可以帮助我理解。黑莓 9800 和 9700 的屏幕分辨率均为 480x360。但是9800是全屏的，9700是小屏的，带物理键盘的。那么这是否意味着仅检测屏幕结果并不能解决我的问题？（另外，我对屏幕分辨率的理解可能是错误的，也许我应该看看另一个属性？）
@John - 这就是为什么我说你必须弄清楚哪个设备特征真正区分了你需要识别的情况并做一些不同的事情。如果这两个屏幕的像素数相同，而您只想在其中一个屏幕上做一些不同的事情，那么显然您不能只使用像素数。也许您想要使用resolution 参数并检测您想要使用更大字体的更高分辨率屏幕。或者您可能只想在 pt 而不是 px 中指定字体，这样您的字体就更少依赖于屏幕的分辨率。