2017-12-05 2 views
0

Android gmail nicht Hintergrundbild skalieren richtig

<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>

Siehe Code oben. Auf Android ist das Bild nicht richtig skaliert. Siehe Bild beigefügt. enter image description here Gibt es jemanden, der es zu reparieren weiß? Vielen Dank!

Antwort

1

Es wird von gmail Auto-Sizing verursacht und könnte durch die Anwendung min-Breite festgelegt werden - style="min-width:597px;"

Ideen aus - innen https://www.campaignmonitor.com/forums/topic/7733/android-gmail-image-resizing-issues/

+1

https://www.campaignmonitor.com/css/color-background/background-image/ - FYI - Hintergrundbilder nicht Arbeiten Sie überhaupt in Outlook oder einigen Versionen von Android. – gwally

+0

@gwallyThanks für das Heads-up! Für jetzt haben wir nicht planen, mit Outlook-Unterstützung zu behandeln ~ –

+0

@gwally Es stellt sich heraus, dass andorid 7 bei Google Mail ist auch nicht unterstützen Hintergrundbild ... –

0

Sie geben dem Tisch eine Breite & Höhe gleich der td es. Sie sollten Medienabfragen verwenden können, um die Tischhöhe zu steuern.

Versuchen Sie diesen Code:

<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> 

Hope this für Sie arbeitet

Verwandte Themen