iphone html邮件发送,html – iPhone邮件：由于锚标记,表格不会延伸到100％？

我正在设计一个 html 简报,到目前为止每个电子邮件客户端都运行正常.

在移动设备上,它应该伸展到100％宽度,这是迄今为止的.

但：

在邮件打开时的iphone邮件中,我看到百分之百的宽度,直到那时右边的空格被添加.它始终是相同的间隔空间.

我尝试将代码减少到最小,看看原因是什么.在那里,我发现它可能是链接,它可能是一个边界.有时它会再次起作用,然而又不起作用.

在我不知道的html新闻简报中,iphone上有100％的宽度是否有一些神秘感？

码：

Newsletter

/* Client-specific Styles */

#outlook a{padding:0;} /* Force Outlook to provide a "view in browser" button. */

body{width:100% !important;} .ReadMsgBody{width:100%;} .ExternalClass{width:100%;} /* Force Hotmail to display emails at full width */

body{-webkit-text-size-adjust:none;} /* Prevent Webkit platforms from changing default text sizes. */

/* Reset Styles */

body{margin:0; padding:0;}

img{border:0; height:auto; line-height:100%; outline:none; text-decoration:none;}

table td{border-collapse:collapse; margin: 0; padding: 0;}

#backgroundTable{height:100% !important; margin:0; padding:0; width:100% !important;}

body {

background-color: #EEEDEC;

font-family: Arial, sans-serif;

font-size: 15px;

line-height: 1.5em;

font-weight: 100;

text-align: left;

width: 100%;

}

p {

margin-bottom: 20px;

}

a {

color: #C5111A;

font-weight: bold;

}

table {

width: 100%;

text-align: left;

}

img { max-width: 100%; }

table.outter {

width: 100%;

background-color: #fff;

}

table.center {

width: 100%;

background-color: #fff;

}

h2 {

font-family: Arial, sans-serif;

font-size: 15px;

font-weight: 100;

margin-bottom: 20px;

height: 30px;

line-height: 30px;

color: #fff;

padding-left: 10px;

background-color: #C5111A;

background: #C5111A;

background: -webkit-gradient(linear, left top, left bottom, from(#c4171d), to(#d6404c));

background: -webkit-linear-gradient(top, #c4171d, #d6404c);

background: -moz-linear-gradient(top, #c4171d, #d6404c);

background: -ms-linear-gradient(top, #c4171d, #d6404c);

background: -o-linear-gradient(top, #c4171d, #d6404c);

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#c4171d,endColorstr=#d6404c);

zoom: 1;

-webkit-border-radius: 3px;

-moz-border-radius: 3px;

border-radius: 3px;

}

Heading This is a Paragraph This is a link

在此提供的代码中,100％宽度仅在没有锚点的情况下起作用.