2

iOS のアプリに含まれる HTML ヘルプ ファイルを作成しようとしています。

iPad 版の場合、ヘルプ ファイルを小さめのグラフィック (約 156x204) で表示するようにします。
iPhone / iPod の場合、グラフィックを表示したくありません。

ファイル h_login.html で次のような JavaScript を使用する以外:

if ((navigator.userAgent.match(/iPhone/i)) || (navigator.userAgent.match(/iPod/i))) { location.replace("h_small_login.html");

各ファイルのクローンが必要ですが、方法が見つかりません。

最小限の HTML を使用し続けることを希望します...バニラ、CSS なし、指定する最初の単一の「メタ」: meta name="viewport" content="width=device-width; initial-scale=1.5; maximum-scale =4.0; ユーザー スケーラブル =1;"

ありがとう！スタン

4

2 に答える 2

4

最も簡単な方法は、メディア クエリを使用することです。i-Devices が CSS のこの機能をサポートしていると確信しています。

@media screen and (max-device-width: 600px) {
   img.hide {display:none;}
}

関連する画像に追加class="hide"して調整する600pxだけです（iPhoneとiPadの解像度はわかりませんが600、2つの間の解像度に変更するだけです）。

JavaScript に同じことをさせようとするよりも、これを行う方がはるかに簡単です。

于 2012-04-19T21:33:51.953 に答える
1

jQuery はこれを簡単に行うことができます。

if ((navigator.userAgent.match(/iPhone/i)) || (navigator.userAgent.match(/iPod/i))) {
    $("img").attr("display","none");
}

ユーザーエージェントがiPhoneまたはiPodの場合、ドキュメントからすべての画像が削除されます。jQuery を使用しておらず、サーバーサイド スクリプトを使用している場合は、使用している言語を知る必要があります。単純な HTML だけを使用している場合、JavaScript がページを変更する唯一の方法であり、jQuery が最善の策です。

于 2012-04-19T21:38:42.963 に答える