AndroidのGmailが正しく

<html> 
 
    <head> 
 
    </head> 
 
    <body> 
 
    <td> 
 
    <table align="center" background="{{imgUrl}}" height="461" width="597"> 
 
     <tr> 
 
     <td width="597" height="461">&nbsp;</td> 
 
     </tr> 
 
    </table> 
 
    </body> 
 
</html>

背景画像を拡大縮小することはできません上記のコードを参照してください。アンドロイド上では、イメージは正しくスケールされません。添付の画像を参照してください。修正方法を知っている人はいますか？ありがとう！

出典

2017-12-05 Haoyu Chen

Gmailの自動サイズ変更によって引き起こされ、最小幅を適用することにより、固定することができ - あなたがテーブルに内部のTDと同じ幅&高さを与えているhttps://www.campaignmonitor.com/forums/topic/7733/android-gmail-image-resizing-issues/

出典

2017-12-05 23:08:53

https://www.campaignmonitor.com/css/color-background/background-image/のために働く - FYI - 背景画像にはありませんOutlookやAndroidの一部のバージョンではまったく動作します。 – gwally

@ gwallyヘッドアップのためにありがとう！今のところ私たちはOutlookサポートに対処する計画はありません〜 –

@gwally Gmailでアンドロイド7も背景画像をサポートしていません... –

- からstyle="min-width:597px;"

アイデアそれ。メディアのクエリを使用してテーブルの高さを制御できるはずです。

このコードを試してみてください。

<html> 
    <head> 
    <style type="text/css"> 
    @media only screen and (max-width:480px) { 
    .bannerTable{width:100% !important;height:auto !important;} 
    } 
    </style> 
    </head> 
    <body> 
    <td> 
    <table align="center" background="{{imgUrl}}" width="597" style="width:100%; max-width:597px; height:461px;display:block;" class="bannerTable"> 
     <tr> 
     <td>Content goes here</td> 
     </tr> 
    </table> 
    </body> 
</html>

希望これはあなた

出典

2017-12-06 03:20:14 Syfer

AndroidのGmailが正しく

答えて

関連する問題