Hello,

I have been trying to make fully responsive images for email but only Apple Mail is currently on my way. In the following code I have inlined one image and set the other as a link. Both images has <img width="270" style="width:100%; max-width:270px;">, only src is different. Inlined image will show as 100% wide while linked image is shown 270px. Has anyone of you noticed this issue before? Seems like Apple Mail renders inlined images differently than images as links. (Do you send emails where images are encoded into the html?) Looking for some kind of confirmation to this issue or a way to have inlined images as 100% wide but with max-width.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office">
<head>
<meta http-equiv="content-language" content="en">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="x-apple-disable-message-reformatting">
<!--[if gte mso 9]><xml><o:OfficeDocumentSettings><o:AllowPNG/><o:PixelsPerInch>96</o:PixelsPerInch></o:OfficeDocumentSettings></xml><![endif]-->
<!--[if !mso]><!-- --><meta http-equiv="X-UA-Compatible" content="IE=edge"><!--<![endif]-->
<title>Untitled</title>
</head>
<body>
<img width="270" src="cid:[cidpath].png"  alt="Placeholder image" height="151" border="0" style="display:block;height:auto;max-width:270px;width:100%;">
<hr>
<img width="270" src="https://via.placeholder.com/270x151"  alt="Placeholder image" height="151" border="0" style="display:block;height:auto;max-width:270px;width:100%;">
</body>
</html>
Image of the result here