1

私はjquery-mobileでアプリを開発しています。(はい、そしてアプリ、それはcordova(別名電話ギャップ)内で実行されます)

nexus 7(アプリのターゲットデバイス)では、多くのフォントの表示が小さすぎます。私はそれをほとんど読むことができず、私は若いです。このアプリのユーザーの多くは視力が低下します。

jquery-mobileでフォントサイズを変更する簡単な方法はありますか?

カスタムcssファイルにエントリを追加しようとすると、予期しない結果が発生します(フォーマットが消えるなど)。theme-rollerも試しましたが、フォントサイズではなくフォントファミリのみを変更できます。

例えば:

body p {
font-size: 1.5em;
}

jquery-mobile用のcssファイルを作成する方法についての一般的な説明でさえ非常に役立ちます。

4

2 に答える 2

1

わかりました、私はそれを解決しました。

jquery-mobile-1.2.0.css ファイルには、query-mobile のスタイリングがあります。このようなものを変更します。

jquery-mobile の Web サイトには、これを読めば理解できる謎めいた情報がいくつかあります。

したがって、フォントサイズを変更するには

すべての中で

  • jquery-mobile-1.2.0.css ファイルに移動して、次を追加します。

    .ui-li p {
        font-size: 1.5em;
    }
    

    ほとんどの jquery-mobile 要素には、通常の html タグの .ui-in が含まれているようです。彼らは特別なクラスか何かを持っています。(誰かがこれについて詳しく説明したい場合は、それが素晴らしいでしょう。)

  • 于 2013-01-17T23:33:57.110 に答える
    0

    global を設定<body>するfont-sizeだけで十分です。

    body {
      font-size: 15px; // You can even use !important 
    }
    
    于 2013-01-16T07:41:11.023 に答える