请注意,图像未冲洗到顶部,而是具有差距。在所有电子邮件中看起来都不错,但是在iPhone上,我会想到这一点。我该如何在iPhone电子邮件上进行修复?
这是容器divs的内衬代码:
<!DOCTYPE html>
<html>
<head>
<meta name="x-apple-disable-message-reformatting">
<meta name="viewport" content="width=320, initial-scale=1, maximum-scale=1" />
</head>
<body style="padding:0;">
<div class="email-background" style="background: #eee;padding: 10px;">
<div class="email-container" style="max-width: 600px;background: white;background-image: url(body_textur_bkg.jpg);font-family: Helvetica, sans-serif; margin: 0 auto; overflow: hidden; border-radius: 5px; display:block; padding: 0px;">
<a href="https://www.youtube.com/">
<img src="thankyou_header_link.jpg" style=" max-width:100%;vertical-align: top;"></a>
<h1 class="name" style="margin: 40px;font-size: 25px;text-align: left;color: #666;line-height: 1.5;">
[CANDIDATE_NAME],.....
不确定您是否需要该代码的其余部分,但是我可以在需要时发布。
尝试此代码以查看是否修复了它:
<!DOCTYPE html>
<html>
<head>
<meta name="x-apple-disable-message-reformatting">
<meta name="viewport" content="width=320, initial-scale=1, maximum-scale=1" />
</head>
<body style="padding:0;">
<div class="email-background" style="background: #eee;padding:0px 10px;">
<div class="email-container" style="max-width: 600px;background: white;background-image: url(body_textur_bkg.jpg);font-family: Helvetica, sans-serif; margin: 0 auto; overflow: hidden; border-radius: 5px; display:block; padding: 0px;">
<a href="https://www.youtube.com/">
<img src="thankyou_header_link.jpg" style=" max-width:100%;vertical-align: top;border:0px; display:block;"></a>
<h1 class="name" style="margin: 40px;font-size: 25px;text-align: left;color: #666;line-height: 1.5;">
[CANDIDATE_NAME],.....
让我知道它是否修复了。
欢呼