0

私はAndroid用のphonegapアプリケーションを開発しており、jquerymobileを使用してUIを設計しました。cssまたはjavascriptを使用して、さまざまなデバイスのテキストのフォントサイズを動的に変更するための最良の方法を知りたいです。

4

2 に答える 2

2

メディア クエリはあなたの味方です。

CSS ドキュメントで、以下のようなコードを使用します (例は iphone 3-4 + Retina の場合です)。

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (max-device-height: 480px) and (orientation:portrait) {
    p {
        font-size: 12px;
    }
}

大部分のデバイス (iPad、iPhone など) をターゲットにするには、そのようなクエリをいくつか提供する必要がありますが、これで開始できます。

于 2013-01-17T08:56:19.610 に答える
0

メディアクエリを見てください。たとえば、ここでネストされた CSS ルールは、幅が 500 ピクセル以上のデバイスにのみ適用されます。

@media (min-width:500px) {
    #main {
        font-size: 15pt;
    }
}
于 2013-01-17T08:53:30.347 に答える