0

我正在尝试为活动监视器制作自定义 html 时事通讯。表格宽度为 600 像素。我有 3 列带有文本的图像。每列的宽度为 200 像素,高度为 192 像素。但是当我在 Outlook 2007 中看到它时,我发现那些列/图像的高度大于 192 像素。我希望列/图像高度为 192px。如何解决这个问题?

注意:请不要上课。我已经在媒体查询中使用了这些类,我对此没有任何问题。我在 Outlook 2007 中面临的问题(在 Outlook 2007 中测试)。我需要你的工作代码。

<table width="600" class="hp" border="0" cellspacing="0" cellpadding="0">
   <tr>
      <td width="200" height="192" class="mob-column" background="https://i.imgur.com/sNVCXJg.jpg" align="left" style="width:200px; height:192px; background-image:url('https://i.imgur.com/sNVCXJg.jpg'); background-repeat:no-repeat; background-size:cover; background-position:center center;" bgcolor="#000080">
         <!--[if mso]>
         <v:rect xmlns:v="urn:schemas-microsoft-com:vml" fill="true" stroke="false" style="width:150pt; height:144pt;">
            <v:fill type="frame" src="https://i.imgur.com/sNVCXJg.jpg" color="#000080"/>
            <v:textbox style="mso-fit-shape-to-text:true;" inset="0,0,0,0">
               <![endif]-->
               <div>
                  <table width="100%" class="hp" border="0" cellspacing="0" cellpadding="0" align="center">
                     <tr>
                        <td style="padding:42px 20px 32px 20px; font-family:'Roboto', Arial; font-weight:900; font-size:15.43px; text-transform:uppercase; line-height:23.145px; text-align:center; color:#ffffff;" class="fallback-text-r">
                           <font face="'Roboto', Arial">Chicken</font>
                        </td>
                     </tr>
                     <tr>
                        <td style="padding:0px 20px 0px 20px; color:#cac8c6; font-family:'Montserrat', Arial; font-weight:900; font-size:10.29px; line-height:15.435px; text-align:center; color:#ffffff;" class="fallback-text-m">
                           <font face="'Montserrat', Arial">From</font>
                        </td>
                     </tr>
                     <tr>
                        <td style="padding:0px 20px 42px 20px; font-family:'Roboto', Arial; font-weight:900; font-size:25.89px; line-height:38.835px; text-align:center; color:#ffffff;" class="fallback-text-r">
                           <font face="'Roboto', Arial">$10.99</font>
                        </td>
                     </tr>
                  </table>
               </div>
               <!--[if mso]>
            </v:textbox>
         </v:rect>
         <![endif]-->
      </td>
      <td width="200" height="192" class="mob-column" background="https://i.imgur.com/DAQXLs7.jpg" align="left" style="width:200px; height:192px; background-image:url('https://i.imgur.com/DAQXLs7.jpg'); background-repeat:no-repeat; background-size:cover; background-position:center center;" bgcolor="#000080">
         <!--[if mso]>
         <v:rect xmlns:v="urn:schemas-microsoft-com:vml" fill="true" stroke="false" style="width:150pt; height:144pt;">
            <v:fill type="frame" src="https://i.imgur.com/DAQXLs7.jpg" color="#000080"/>
            <v:textbox style="mso-fit-shape-to-text:true;" inset="0,0,0,0">
               <![endif]-->
               <div>
                  <table width="100%" class="hp" border="0" cellspacing="0" cellpadding="0" align="center">
                     <tr>
                        <td style="padding:42px 20px 32px 20px; font-family:'Roboto', Arial; font-weight:900; font-size:15.43px; text-transform:uppercase; line-height:23.145px; text-align:center; color:#ffffff;" class="fallback-text-r">
                           <font face="'Roboto', Arial">Fish</font>
                        </td>
                     </tr>
                     <tr>
                        <td style="padding:0px 20px 0px 20px; color:#cac8c6; font-family:'Montserrat', Arial; font-weight:900; font-size:10.29px; line-height:15.435px; text-align:center; color:#ffffff;" class="fallback-text-m">
                           <font face="'Montserrat', Arial">From</font>
                        </td>
                     </tr>
                     <tr>
                        <td style="padding:0px 20px 42px 20px; font-family:'Roboto', Arial; font-weight:900; font-size:25.89px; line-height:38.835px; text-align:center; color:#ffffff;" class="fallback-text-r">
                           <font face="'Roboto', Arial">$10.99</font>
                        </td>
                     </tr>
                  </table>
               </div>
               <!--[if mso]>
            </v:textbox>
         </v:rect>
         <![endif]-->
      </td>
      <td width="200" height="192" class="mob-column" background="https://i.imgur.com/s9isrA4.jpg" align="left" style="width:200px; height:192px; background-image:url('https://i.imgur.com/s9isrA4.jpg'); background-repeat:no-repeat; background-size:cover; background-position:center center;" bgcolor="#000080">
         <!--[if mso]>
         <v:rect xmlns:v="urn:schemas-microsoft-com:vml" fill="true" stroke="false" style="width:150pt; height:144pt;">
            <v:fill type="frame" src="https://i.imgur.com/s9isrA4.jpg" color="#000080"/>
            <v:textbox style="mso-fit-shape-to-text:true;" inset="0,0,0,0">
               <![endif]-->
               <div>
                  <table width="100%" class="hp" border="0" cellspacing="0" cellpadding="0" align="center">
                     <tr>
                        <td style="padding:42px 20px 32px 20px; font-family:'Roboto', Arial; font-weight:900; font-size:15.43px; text-transform:uppercase; line-height:23.145px; text-align:center; color:#ffffff;" class="fallback-text-r">
                           <font face="'Roboto', Arial">Noddles</font>
                        </td>
                     </tr>
                     <tr>
                        <td style="padding:0px 20px 0px 20px; color:#cac8c6; font-family:'Montserrat', Arial; font-weight:900; font-size:10.29px; line-height:15.435px; text-align:center; color:#ffffff;" class="fallback-text-m">
                           <font face="'Montserrat', Arial">From</font>
                        </td>
                     </tr>
                     <tr>
                        <td style="padding:0px 20px 42px 20px; font-family:'Roboto', Arial; font-weight:900; font-size:25.89px; line-height:38.835px; text-align:center; color:#ffffff;" class="fallback-text-r">
                           <font face="'Roboto', Arial">$10.99</font>
                        </td>
                     </tr>
                  </table>
               </div>
               <!--[if mso]>
            </v:textbox>
         </v:rect>
         <![endif]-->
      </td>
   </tr>
</table>

展望 2007 的屏幕截图

展望 2007

我想要的截图

我想

4

0 回答 0