我正在設計一個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,#d6404c);

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

background: -o-linear-gradient(top,#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％寬度僅在沒有錨點的情況下起作用.

總結

以上是生活随笔為你收集整理的iphone html邮件发送,html – iPhone邮件：由于锚标记,表格不会延伸到100％？的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。