1

わかりましたので、私の問題は、最大幅 400px で、ページのサイズに自動的にスケーリングされる HTML メールに画像を表示したいということです。

以下のコードを使用して、これを単独で作成しても問題ありません。

<div style="max-width:400px">
<img src="example.jpg" style="max-width:100%">
</div>

ただし、このコードをテーブルに配置するとすぐに (HTML メールを作成するために多くのテーブルを使用するため)、機能しません。

誰でもこの問題の解決策を持っていますか?

4

2 に答える 2

2

テーブルにパーセンテージ幅がある限り、ほとんどの場合問題ありません。画像が必要max-width:400px;であり、それが機能するためには流動的な幅 (パーセンテージ ベース) のテーブル コンテナーにある必要があります。Outlook ではサポートされてmax-widthいないため、小さなウィンドウで表示するとレイアウトが崩れる可能性があることに注意してください。

また、電子メールでの div の (信頼できる) 用途はほとんどありません。div で物を隠すなどの特別な用途に div を使用していない限り、テーブルに固執してください。overflow:hidden;

個人的には流動的なメールのファンではありません。@media-query代わりに<style>タグでa を使用してサイズを変更します。

于 2013-10-02T14:07:17.520 に答える