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,#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;
}
|
在此提供的代碼中,100％寬度僅在沒有錨點的情況下起作用.
總結
以上是生活随笔為你收集整理的iphone html邮件发送,html – iPhone邮件：由于锚标记,表格不会延伸到100％？的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 使开头的成语有哪些啊？
- 下一篇： 2022-2028年中国边缘计算行业投资