0
私のメールテンプレートは完成しました。ほとんどのデバイスで動作します。
はでテスト:すべてのデバイスでメールテンプレートのフルスクリーンが表示されますが、iPhoneでは表示されません
メールMAC
GmailのMAC
Gmailの窓
Outlookウィンドウ
しかし、iPhoneのデフォルトのメールアプリで、HTMLは、すべての領域をカバーしていません。 は、ここに私のhtml:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta name="viewport" content="width=device-width" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
</head>
<body>
<table cellpadding="0" cellspacing="0" style="min-width: 600px; width: 100%;" width="100%" align="center" bgcolor="#000000">
<tr>
<td align="center">
<table cellpadding="0" cellspacing="0" width="500" align="center" bgcolor="#000000">
<tr>
<td height="30"> </td>
</tr>
<tr>
<td align="center">
<img src="http://bicicouriers.com/application/themes/bicicouriers/assets/img/dem/logo.png" style="display: block" width="300" alt="logo.png">
</td>
</tr>
<tr>
<td align="center">
<img src="http://bicicouriers.com/application/themes/bicicouriers/assets/img/dem/pallozzi.png" style="display: block" width="350" alt="pallozzi.png">
</td>
</tr>
<tr>
<td height="20"> </td>
</tr>
<tr>
<td align="center">
<h2 style="margin-bottom: 0"><i><font face="Helvetica, Arial" color="#FFFFFF">LA TUA PRIMA CONSEGNA È OMAGGIO!</font></i></h2>
<font face="Helvetica, Arial" color="#FFFFFF">
(Per usufruire dell'offerta, scrivere nelle "Informazione Aggiuntive" del form "MAIL OMAGGIO")
</font>
</td>
</tr>
<tr>
<td height="30"> </td>
</tr>
<tr>
<td align="center">
<font face="Helvetica, Arial" color="#000000" size="2">
<a href="http://www.bicicouriers.it/" style="display:inline-block;background:#FFF;text-decoration:none;padding:15px;color:#000;">
<b>PRENOTA ORA</b>
</a>
</font>
</td>
</tr>
<tr>
<td height="30"> </td>
</tr>
<tr>
<td align="center">
<img src="http://bicicouriers.com/application/themes/bicicouriers/assets/img/dem/pallozzi.png" style="display: block" width="350" alt="pallozzi.png">
</td>
</tr>
<tr>
<td height="10"> </td>
</tr>
<tr>
<td align="center">
<img src="http://bicicouriers.com/application/themes/bicicouriers/assets/img/dem/pic.jpg" style="display: block" alt="pic.jpg">
</td>
</tr>
<tr>
<td height="10"> </td>
</tr>
<tr>
<td align="center">
<table cellpadding="0" cellspacing="0" width="100%" bgcolor="#000000">
<tr>
<td width="15"></td>
<td align="left" width="60%" valign="top">
<font face="Helvetica, Arial" color="#FFFFFF">
Bici Couriers è un servizio di consegna in bicicletta.
</font>
</td>
<td width="15"></td>
<td align="left">
<font face="Helvetica, Arial" color="#FFFFFF">
Consegniamo per voi in tutta Milano e Hinterland le vostre buste, plichi, pacchi, documenti, inviti, libri, fiori, ecc.
</font>
</td>
<td width="15"></td>
</tr>
</table>
</td>
</tr>
<tr>
<td></td>
</tr>
<tr>
<td align="center">
<img src="http://bicicouriers.com/application/themes/bicicouriers/assets/img/dem/pallozzi.png" style="display: block" width="350" alt="pallozzi.png">
</td>
</tr>
<tr>
<td></td>
</tr>
<tr>
<td align="center">
<h2 style="margin-bottom: 0"><i><font face="Helvetica, Arial" color="#FFFFFF">SERVIZI SPECIALI</font></i></h2>
<font face="Helvetica, Arial" color="#FFFFFF">
Al di fuori delle consegne express, offriamo servizi e prezzi speciali per i nostri partners. Se possiedi un’attività locale e necessiti di un servizio di consegne contattaci ed insieme troveremo la soluzione ideale per te!
</font>
</td>
</tr>
<tr>
<td height="30"> </td>
</tr>
<tr>
<td align="center">
<font face="Helvetica, Arial" color="#000000" size="2">
<a href="http://www.bicicouriers.it/" style="display:inline-block;background:#FFF;text-decoration:none;padding:15px;color:#000;">
<b>SCOPRI DI PIÙ</b>
</a>
</font>
</td>
</tr>
<tr>
<td height="30"> </td>
</tr>
<tr>
<td>
<table cellpadding="0" cellspacing="0" width="100%" bgcolor="#000000">
<tr>
<td align="center">
<img src="http://bicicouriers.com/application/themes/bicicouriers/assets/img/dem/rist.png" style="display: block" alt="Ristoranti">
<h2><i><font face="Helvetica, Arial" color="#FFFFFF">RISTORANTI</font></i></h2>
<p style="padding: 0 15px">
<font face="Helvetica, Arial" color="#FFFFFF">
I tuoi prodotti arriveranno sempre in tempo e alla giusta temperatura. Grazie al team di corrieri messi a tua disposizione, i tuoi clienti riceveranno un servizio di qualità superiore.
</font>
</p>
</td>
<td align="center">
<img src="http://bicicouriers.com/application/themes/bicicouriers/assets/img/dem/neg.png" style="display: block" alt="Negozi">
<h2><i><font face="Helvetica, Arial" color="#FFFFFF">NEGOZI</font></i></h2>
<p style="padding: 0 15px">
<font face="Helvetica, Arial" color="#FFFFFF">
Se gestisci uno o più negozi, ti offriamo un servizio di consegne da un punto vendita all'altro o che dal negozio arrivino direttamente a casa dei tuoi clienti.
</font>
</p>
</td>
<td align="center">
<img src="http://bicicouriers.com/application/themes/bicicouriers/assets/img/dem/ev.png" style="display: block" alt="Eventi">
<h2><i><font face="Helvetica, Arial" color="#FFFFFF">EVENTI</font></i></h2>
<p style="padding: 0 15px">
<font face="Helvetica, Arial" color="#FFFFFF">
Stai organizzando un evento, un matrimonio o una festa? Ci occuperemo di consegnare gli inviti ai tuoi ospiti e di recapitare al luogo dell’evento tutto quello di cui hai bisogno.
</font>
</p>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td height="30"> </td>
</tr>
<tr>
<td height="1" bgcolor="#ffffff"></td>
</tr>
<tr>
<td height="30"> </td>
</tr>
<tr>
<td align="center">
<table cellpadding="0" cellspacing="0" width="100" bgcolor="#000000">
<tr>
<td width="50" align="center">
<a href="https://www.facebook.com/Bici-Couriers-239393376166297">
<img src="http://bicicouriers.com/application/themes/bicicouriers/assets/img/dem/fb.png" style="display: block" width="24" alt="fb.png"></a>
</td>
<td width="50" align="center">
<a href="https://www.instagram.com/bicicouriers/">
<img src="http://bicicouriers.com/application/themes/bicicouriers/assets/img/dem/inst.png" style="display: block" width="24" alt="inst.png"></a>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td height="15"> </td>
</tr>
<tr>
<td align="center">
<p style="margin: 0">
<font face="Helvetica, Arial" color="#FFFFFF" size="2">
© 2016, Bicicouriers<br>
P. IVA : 08767440962
</font>
</p>
</td>
</tr>
<tr>
<td height="15"> </td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>
は、私が「コンテナ」テーブルが、何のインラインスタイルが起こっている、ビューポートを追加しようとしました。
何か不足していますか?
あなたは瞬間を持っている場合、私はいくつかの提案を持っています。 :) – scoopzilla
最も重要なのは次のようなものです: '' – scoopzilla
あなたの質問に答えましたか? – scoopzilla