メール本文の画像を拡大縮小する方法は?
メールにhtmlテンプレートを追加しています。そのテンプレートには画像があります。
そして、私が望むのは、画像は電子メールクライアントの幅に合わせて調整する必要があり、高さは画像の幅に合わせて調整する必要があります。次のようなものです:-
すべてのメール プロバイダーで動作するはずです。
参考までに、私は ASP.NET アプリケーションに取り組んでいます。
編集：
画像の幅を 100% に設定し、画像の高さを設定していません。
これは最善または正しい方法ですか？
私は設定に行きます：
width: 100%;
height: auto;
デモ: http://jsfiddle.net/gjtC9/ CSS なし: http://jsfiddle.net/gjtC9/2/
それが最善かつ正しい方法であるかどうかという問題..誰かが携帯電話で電子メールを開いた場合、解像度が非常に小さいため、巨大な画像が非常に小さいものに縮小されます。
-> 携帯電話は小さなサイズに縮小される巨大な画像をロードします - これは私に疑問を投げかけます.その画像は本当に必要ですか? ペンギンや、何らかの情報や価値のあるものを含む画像をそこに置くつもりですか? :D
インライン スタイルを使用します。このような：
<img style="width: 100%; height: auto;" ...
img画像の高さを設定または制限するコンテナにタグが含まれていないことを確認してください
max-width、 ではなくを使用してくださいwidth。
<img style="max-width: 100%" >次の画像では、実際のメール本文がメールの to オブジェクトの下で始まっていることがわかります。なぜもっと広いことをしたいのか理解できません。
あなたの画像から:あなたが提供している画像画像、写真は正しくスケーリングされています。左から右に、それを包む div に適合します。
私の画像toでは、単なるテキストですが、オブジェクトのすぐ下でテキストが始まっていることがわかります。
結果:イメージを拡大または縮小することはできません。ただし、幅を 100% に設定すると、そのことがわかると思います。ブラウザーは実際には、その幅から 100% の幅を提供します。このサイズを超えると、UI で少し問題が発生する可能性があり、gmail ではそれが許可されません。
あなたが私の主張を理解してくれることを願っています。
