0

iPad 1、2、3 を含むさまざまなデバイスを対象とする Web アプリケーションがあります。jQuery モバイルを使用して UI をカスタマイズします。私は aa jquery mobile を持っています。チェックボックス内の画像は、iPad 3 の「ホーム」と「検索」の画像です。ただし、iPad 1 と 2 での動作と同様に、「チェック済み」と「未チェック」の画像である必要があります。 iPad 3 は iPad 1 および 2 と同じではないため、これが発生します。では、すべてのデバイスに共通のソリューションを使用してこれを修正するにはどうすればよいでしょうか?

4

1 に答える 1

0

これに対する答えを見つけました。

jquery mobile css には、HD Retina 用の別のスタイルがあります。そこにあなたが見つけるでしょう

-moz-background-size: 864px 18px;
-o-background-size: 864px 18px;
        -webkit-background-size: 864px 18px;
        background-size: 864px 18px;

864 を 776px に変更します。背景画像のルールに従い、ここで指定するサイズは実際の画像の半分にする必要があります。実際の画像は 1552px です。つまり、この 776px の半分です。しかし、jquery モバイル コードでは 864 と表示されていますが、これは間違っています。 -moz-background-size: 776px 18px; -o-background-size: 776px 18px; -webkit-background-size: 776px 18px; background-size: 776px 18px;は正しいコードです。

参考までに: https://github.com/jquery/jquery-mobile/issues/2224

于 2013-05-10T05:13:29.577 に答える