我正在尝试创建一个 html 电子邮件通讯,并且我必须使用媒体查询将一个图像替换为另一个图像。它适用于桌面客户端,我可以看到图像已更改,但在手机上,图像根本不显示。
有人对这个有经验么?
header_mobile 是 display: none; 在媒体查询之外,ofc。
html:
<td id="header" align="center" >
<a href="http://ezzence.dk">
<img src="http://www.thomasteilmann.com/nyhedsbrev/img/header.jpg" alt="Ezzence Nyhedsbrev" />
</a>
</td>
<td id="header_mobile" align="center" >
<a href="http://ezzence.dk">
<img src="http://www.thomasteilmann.com/nyhedsbrev/img/mobile/header.jpg" alt="Ezzence Nyhedsbrev" />
</a>
</td>
CSS:
#header_mobile{
display: table-cell;
}
#header{
display: none;
}