首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >标题图像未正确对齐到iPhone (6s)电子邮件中容器div的顶部

标题图像未正确对齐到iPhone (6s)电子邮件中容器div的顶部
EN

Stack Overflow用户
提问于 2017-02-25 04:58:19
回答 1查看 32关注 0票数 1

Notice that the image isn't flushed to the top, instead it has a gap. It looks fine on all emails, but on iPhones I'm getting this to happen. How can I fix this on iPhone emails?

以下是容器div的内联代码:

代码语言:javascript
复制
<!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],.....

不确定您是否需要其余的代码,但我可以张贴,如果需要。

EN

回答 1

Stack Overflow用户

发布于 2017-03-01 06:46:45

尝试这段代码,看看它是否可以修复它:

代码语言:javascript
复制
<!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],.....

如果它修好了,请告诉我。

干杯

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/42448157

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档