Jadi dapatkah email benar-benar responsif
Jawaban sederhana untuk pertanyaan Anda .. YA
Email HTML jatuh agak di bawah aturan situs web yang sama tetapi biasanya mereka lebih sulit untuk ditangani dan masih mengandalkan gaya kode tanggal lama menggunakan <table>
tag. Ada artikel hebat dari Tuts Desain Web yang saya harap ada saat saya mulai melakukan email HTML.
Sedikit tentang tutorial itu membahas bagaimana membuat email responsif dan satu catatan penting ketika membuat email HTML adalah CSS harus inline di akhir. Itu membahas bagaimana menargetkan CSS untuk Yahoo body[yahoo] .class {}
dan mereka referensi artikel Tina Ye pada " Email HTML Responsif: Strategi Berbeda ".
Karena artikel Webdesign Tuts tidak merinci lebih banyak tentang artikel Tina, saya akan merekomendasikan Anda membacanya karena ia masuk ke metode desain pertama seluler dan menunjukkan cara mendesain untuk Lotus 8, Outlook 00-03, Outlook 2007+, dan Apple :
Lotus Notes 8 & Outlook 2000-2003
<!--[if IE]>
<table width="540" align="center" cellpadding="0" cellspacing="0" border="0">
<tr>
<td>
<![endif]-->
[EMAIL BODY HERE]
<!--[if IE]>
</td>
</tr>
</table>
<![endif]-->
Outlook 2007+
<!--[if (gte mso 9)|(IE)]>
<table width="540" align="center" cellpadding="0" cellspacing="0" border="0">
<tr>
<td>
<![endif]-->
[EMAIL BODY HERE]
<!--[if (gte mso 9)|(IE)]>
</td>
</tr>
</table>
<![endif]-->
Apple Mail
@media only screen and (min-device-width: 541px) {
.content {
width: 540px !important;
}
}
Jika Anda melakukan pencarian Google untuk template email responsif ada sebuah artikel yang disebut " 32 Template Email Responsif untuk Bisnis Kecil Anda " oleh Mashable.
Itu membahas template gratis dan berbayar untuk email Anda dan masuk ke Zurb yang saya sarankan jika Anda menggunakan Foundation untuk desain web.