私は、物理キーボード付きの小さな画面を持つブラックベリーを除いて、あらゆる方向の下ですべての異なるスマートフォン (iphone、windows、blackberry、および android) で見栄えのするモバイル Web アプリケーションを作成しました。この特定のブラックベリーでは、フォント サイズが小さすぎます。これらの種類のブラックベリーだけに、さまざまなスタイルを適用したり、フォントを大きくしたりする良い方法は何ですか?
メモ私のアプリは、仮想キーボードを備えた全画面表示のブラックベリーで見栄えがします。ポートレートやランドスケープで見栄えがします。したがって、小さな画面と物理キーボードでブラックベリーをターゲットにするために使用するソリューションは、フルスクリーンのブラックベリーの操作/外観を妨げてはなりません。
問題を解決する最善の方法は、より大きなフォントを使用する必要がある場合を決定する物理的基準を決定し、その特定の基準をテストすることです。ページをホストしているデバイスのタイプを検出しようとするのではなく、デバイスの何らかの特徴を検出するのが最善です。
たとえば、画面サイズが axb より小さい場合は、フォント サイズを変更する必要があると判断できます。そのようなことを行うには、特定の画面サイズ条件が true の場合に異なるフォント サイズを設定する、完全に CSS であるメディア クエリを使用できます。
問題は、デバイスにキーボードがあることではなく、物理キーボードがあることによる画面サイズの制約であると思われます。したがって、デバイスの種類やキーボードの有無に注目するのではなく、別のデザインが必要になる原因となる画面のサイズに注目する必要があります。次に、CSS/HTML または JavaScript をキーにして、その画面サイズを検出し、それに応じて適応させます。
CSS メディア クエリが有用なアプローチであると判断した場合は、この修正を最も必要としているターゲット デバイスが、使用することを選択した特定の CSS メディア クエリをサポートしていることを確認する必要があります。
CSS メディア クエリがどのように機能するかの例を次に示します。
http://css-tricks.com/css-media-queries/
Blackberry での表示の最適化とテストについて説明している別の SO 投稿を次に示します。