我的HTML电子邮件不适合iPhone屏幕,我该如何解决?

时间:2016-06-27 08:05:37

标签: html ios css iphone resize

具体来说,主标题与电子邮件的图像和页脚是分开的,由于某种原因被推得太远了。但是,它适用于所有其他电子邮件客户端(请参阅SendinBlue广告系列构建器预览)。

以下是我用于顶部地址栏的完整代码:

 <table class="ecxw320" align="center" border="0"
                cellpadding="0" cellspacing="0" width="640">
                <tbody>
                  <tr bgcolor="#000000">
                    <td height="50">
                      <table align="center" border="0" cellpadding="0"
                        cellspacing="0">
                        <tbody>
                          <tr>
                            <td>
                              <table align="center" border="0"
                                cellpadding="0" cellspacing="0">
                                <tbody>
                                  <tr>
                                    
                                    <td style="font-family:'Helvetica',
monospace;font-size:12px;line-height:15px;color:#FFFFFF;text-align:center;text-decoration:none;white-space:nowrap;"><a
                                        moz-do-not-send="true"
href="http://partofthekult.com/"
                                        target="_blank"
                                        style="font-family:'Helvetica',
monospace;font-size:12px;line-height:15px;color:#FFFFFF;text-align:center;text-decoration:none;white-space:nowrap;"> 
                                        </a></td>
                                  </tr>
                                </tbody>
                              </table>
                            </td>
                            
                            <td style="font-family:'Helvetica',
monospace;font-size:12px;line-height:15px;color:#FFFFFF;text-align:center;text-decoration:none;white-space:nowrap;padding:10px;"><a
                                moz-do-not-send="true"
href="https://partofthekult.com/collections/tees"
                                target="_blank"
                                style="font-family:'Helvetica',
monospace;font-size:15px;line-height:15px;color:#FFFFFF;text-align:center;text-decoration:none;white-space:nowrap;">TEES
                                 </a></td>
                            <td width="0">
                              <table align="center" border="0"
                                cellpadding="0" cellspacing="0"
                                width="2">
                                <tbody>
                                  <tr>
                                  </tr>
                                </tbody>
                              </table>
                            </td>
                            <td style="font-family:'Helvetica',
monospace;font-size:12px;line-height:15px;color:#FFFFFF;text-align:center;text-decoration:none;white-space:nowrap;padding:10px;"><a
                                moz-do-not-send="true"
href="https://partofthekult.com/collections/tanks"
                                target="_blank"
                                style="font-family:'Helvetica',
monospace;font-size:15px;line-height:15px;color:#FFFFFF;text-align:center;text-decoration:none;white-space:nowrap;">TANKS</a></td>
                            <td class="ecxh" width="0">
                              <table align="center" border="0"
                                cellpadding="0" cellspacing="0"
                                width="2">
                                <tbody>
                                  <tr>
                                  </tr>
                                </tbody>
                              </table>
                            </td>
                            <td class="ecxh" style="font-family:'Helvetica',
monospace;font-size:12px;line-height:15px;color:#FFFFFF;text-align:center;text-decoration:none;white-space:nowrap;padding:10px;"><a
                                moz-do-not-send="true"
href="https://partofthekult.com/collections/accessories"
                                target="_blank"
                                style="font-family:'Helvetica',
monospace;font-size:15px;line-height:15px;color:#FFFFFF;text-align:center;text-decoration:none;white-space:nowrap;">ACCESSORIES
                                 </a></td>
                            <td class="ecxh" width="0">
                              <table align="center" border="0"
                                cellpadding="0" cellspacing="0"
                                width="2">
                                <tbody>
                                  <tr>
                                  </tr>
                                </tbody>
                              </table>
                            </td>
                            <td class="ecxh" style="font-family:'Helvetica',
monospace;font-size:12px;line-height:15px;color:#FFFFFF;text-align:center;text-decoration:none;white-space:nowrap;padding:10px;"><a
                                moz-do-not-send="true"
href="https://partofthekult.com/collections/sale"
                                target="_blank"
                                style="font-family:'Helvetica',
monospace;font-size:15px;line-height:15px;color:#FFFFFF;text-align:center;text-decoration:none;white-space:nowrap;">SALE</a></td>
                            <td class="ecxh" width="0">
                              <table align="center" border="0"
                                cellpadding="0" cellspacing="0"
                                width="2">
                                <tbody>
                                  <tr>
                                  </tr>
                                </tbody>
                              </table>
                            </td>
                          </tr>
                        </tbody>
                      </table>
                    </td>
                  </tr>
                </tbody>
              </table>

它在我的iPhone 6s上呈现的图像: First Image

Second Image

0 个答案:

没有答案
相关问题