0

HTMLメールを作成していますが、@ mediaクエリを使用して、モバイル用に1つのバナーを表示し、デスクトップ/ウェブメール画面用に別のバナーを表示したいと考えています。私はほとんどの電子メールクライアントがタグで見つかったcssを取り除くことを知っています。cssをインライン化する方法はありますか？これが現在のコードの例です。

<style type="text/css">

  @media (max-width: 1000px){
    /* rules defined inside here are only applied to browsers that support CSS media queries and the browser window is 480px or smaller */
    img#standardBanner{display:none !important}
    img#mobileBanner{display:block !important} 
  }

</style>

また、これを行うことができる他の方法はありますか？運が悪かったわけではありません。

ありがとう！

4

2 に答える 2

1

あなたの質問に答えるために、純粋なcssソリューションの場合、答えはノーです。それは不可能です。

ただし、サーバーから画像を提供し、PHPなどのスクリプト言語を使用してユーザーのデバイス情報を取得し、PHP関数ヘッダーを使用してそれに基づいて適切な画像を提供することもできます。

于 2013-02-14T23:47:08.860 に答える
0 
<style type="text/css">

    img#standardBanner{display:block !important}
    img#mobileBanner{display:none !important} 

    @media (max-width: 1000px){

    img#standardBanner{display:none !important}
    img#mobileBanner{display:block !important} 
  }

</style>
于 2013-02-14T23:48:04.800 に答える