2

javascriptと制限されたCSS なしで画像が表示されているウィンドウに合うように画像のサイズを変更する方法はありますか?

スクロールせずにできるだけ大きくしたいメイン画像をフィーチャーしたメールキャンペーンを送信しているので、お願いします。javascriptとjQueryを使用してこれを行う方法を読んだことがありますが、大多数の電子メールクライアントが正しく読み取って反応する方法がわかりません。これは可能ですか?もしそうなら-どうやって?

4

5 に答える 5

6

これは、あなたがそれを行うことができる方法です


    /****this is the Css****/
    .full {
     width:100%;
     height:auto;
     }
    /***end Css***/
   <!--Now the html--!>
   <section>
   <img src="image/main.png" class="full">
   </section>

または、簡単な方法で行くことができます*更新

あなたはこのようにすることができます

    <img src="image/main.png" style="width:100%; height:auto; border:none;" />

そして、それをhtmlとして配置してそのようにするオプションがある場合、そのように正しくレンダリングする必要があります

于 2012-05-23T01:14:10.557 に答える
2

HTML メールをすべてのクライアントで機能させるには、できるだけ古風にする必要があります。

インライン スタイルと HTML 4 コードでうまくいくはずです。ただし、注意してください - max-width と max-height はほとんどのクライアントで機能しますが、これには Outlook 2007/2010/2013/365 は含まれず、ターゲット ユーザーの半分以上になる可能性があります。幅はすべてのクライアントで機能しますが、Outlook 2007/2010/2013/365 の div および p タグでは機能しません! 確実に機能するように、常に div ではなくテーブルを使用してください。

基本的に、何かがうまくいかないことを常に想定し、エラーの可能性を最小限に抑えるように設計します。また、常にインライン スタイリングを使用してください。

疑わしい場合は、オラクルに相談してください。私はいつもそうします:)

ソース: https://www.campaignmonitor.com/css/b/

于 2016-02-10T16:07:41.147 に答える