我制作了一个移动 web 应用程序，它在所有不同的智能手机（iphone、windows、黑莓和安卓）上看起来都很好，除了黑莓有一个小屏幕和一个物理键盘。在这个特定的黑莓上，字体太小了。仅在这些类型的黑莓上应用不同样式或使字体更大的好方法是什么？
注意我的应用在全屏和虚拟键盘的黑莓上看起来很棒。它在肖像和风景中看起来很棒。所以我用来针对小屏幕黑莓+物理键盘的任何解决方案都不能干扰全屏黑莓的操作/化妆品。
问问题
565 次
1 回答
1
解决问题的最佳方法是确定什么物理标准决定何时需要使用更大的字体，然后针对该特定标准进行测试。最好不要尝试检测托管页面的设备类型，而是检测设备的某些特征。
例如，您可以决定如果屏幕尺寸小于 axb，那么您需要更改字体大小。为此，您可以使用完全是 CSS 的媒体查询，当某些屏幕尺寸条件为真时，它会设置不同的字体大小。
我怀疑问题不在于设备具有键盘，而在于具有物理键盘导致的屏幕尺寸限制。因此，您不应该关注它是什么类型的设备或它是否有键盘，而应该关注导致您需要不同设计的屏幕尺寸。然后，键入您的 CSS/HTML 甚至 javascript 以检测该屏幕尺寸并相应地进行调整。
如果您认为 CSS 媒体查询可能是一种有用的方法，则必须确保您最希望此修复的目标设备支持您选择使用的特定 CSS 媒体查询。
以下是 CSS 媒体查询如何工作的一些示例：
http://css-tricks.com/css-media-queries/
这是另一篇关于优化黑莓显示和测试的 SO 帖子：
于 2012-05-30T23:11:34.993 回答