0

ユーザーにアプリを案内し、新機能を紹介するためのhtmlファイルがいくつかあります。iPhoneとiPad用のユニバーサルアプリです。ユーザーがiPhoneバージョンのヘルプセクションを選択した場合、iPhoneデバイス用に拡大縮小された画像を表示したいと思います。

しかし今、私の問題があります。CSSファイルには、すべての画像に対して1つのクラスboximageしかありません。ロードする画像はどのように決定されますか？各画像を独自のクラスに貼り付ける必要がありますか？

事前に4つのアイデアに感謝します！

よろしく、buk

4

1 に答える 1

1

これを試すことができます。

 <style type="text/css">
   @media all and (max-width: 800px) {
    .boximage{ background:url(image_name1.jpg)}
    }
    @media all and (min-width: 800px){ 
    .boximage{ background:url(image_name2.jpg)}
    }</style>

または JavaScript を使用してユーザー エージェントを検索し、スクリプトからイメージを設定します。

于 2012-06-06T09:33:41.980 に答える