Ich möchte ein Bild an mobile Geräte und andere Bild an Desktop-Geräte in einer E-Mail liefern. display: none funktioniert gut für alles außer Outlook und Google Mail. Das Bild hat eine Schaltfläche, aber auf Mobilgeräten wird der Text in der Schaltfläche zu klein. Irgendwelche Ideen?Responsive Bilder in E-Mail
Was ich am Ende tun:
<head>
<style type="text/css">
@media only screen and (max-width: 480px){
img {content: url(http://images4.fanpop.com/image/photos/17000000/Nature-s-jewerly-love-you-natures-seasons-17036569-500-500.jpg)}
}
</style>
<body>
<img img src="http://data.whicdn.com/images/28179582/Nature-Photography-Rain-520x520_large.jpg" width="500" height="500">
</body>
iPhone und Android können content handhaben, was für mich die einzigen mobilen Geräte sind Ich habe Grund zur Sorge. Sie dienen dem Bild, das ich möchte, und die anderen Desktop-Geräte bleiben mit dem Originalbild.
Gut zu sehen, dass Sie eine Lösung gefunden haben, die für Sie arbeitet. Sollten Sie oder jemand anderes zukünftig für Mail-Clients benötigen: Für Outlook ist es mso-hide: all und Google Mail sollte mit display: none arbeiten, solange es in einem Inline-Stil-Attribut ist, oder height: 0; width: 0; overflow: hidden;
Interessant. Ich ging gerade von diesem runden https://www.campaignmonitor.com/css/b/ weg, das sagte "display: none" war nicht möglich für Google Mail. – Ian