<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF
-8">
<meta name="viewport" content="width=device
-width, initial
-scale=1.0">
<title>Your Colleague Has Sent You an Appreciation! </title>
<style>
table,
th,
td {
border: 0px solid;
}
table {
width: 540px;
height: 126px;
background
-repeat: no
-repeat;
color: black;
}
.eCarad {
width: 100%;
height: auto;
}
body {
color: black;
font
-family: Verdana, Geneva, sans
-serif;
}
table,
th,
td {
border: 0px solid;
}
table {
width: 540px;
height: 126px;
background
-repeat: no
-repeat;
color: black;
}
.eCarad {
width: 100%;
height: auto;
}
body {
color: black;
font
-family: Verdana, Geneva, sans
-serif;
}
/* 新增媒体查询 */
@media screen and (min
-width: 768px) {
.eCard {
max
-width: 5% !important;
margin: 0 !important;
/* 移除自动居中 */
/* 新增左浮动 */
}
}
</style>
</head>
<body style=" font
-family: Verdana, Geneva, sans
-serif ;">
<p><b>Your colleague has sent you a Thank You Card! </b>We hope this card brings a smile to your day. We look
forward to
creating more amazing moments together!<br><br>
<b>您的同事為您送上一張感謝卡 ！</b> 希望這張卡能為您帶來美好的一天。期待與您一起創造更多美好時刻！
</p><br>
<p>如閣下未能觀看此訊息，請<a href="%photoLink%">按此</a>。<br>
If you cannot view this message properly, please click <a href="%photoLink%">here</a>.<br><br>
<img class="eCard" src="https://digimktgsolution.com/HKLStaffAppreciationWeek/upload/%fileName%"
style="max
-width: 100%; height: auto; display: block; margin: 0 auto;"></img><br>
瀏覽電子感謝咭<br>
View Appreciation eCard
</p>
<a href="%link%">連結 Link</a>
</body>
</html>
使用以上代碼作爲template傳送email， @media screen and (min
-width: 768px) {
.eCard {
max
-width: 5% !important;
margin: 0 !important;
/* 移除自动居中 */
/* 新增左浮动 */
}
}控制不了在outlook看的圖片大小，在outlook看圖片依然很巨大
本文探讨了在不同浏览器中<a>标签的使用情况，特别是在IE浏览器和其他浏览器（如火狐）之间的差异。文章指出，在IE中可以将<a>标签置于<td>标签之外使链接生效，但在火狐等浏览器中此方法可能无效。
扫一扫
1196
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
