我正在为工作用电子邮件编写代码,但是在重新调整表格中图像的大小时遇到了一个小问题。 Here is how the block looks in the WYSIWYG editor
但是,在移动设备上使用此块时,图像将保持90 px的宽度,并且不会根据手机的分辨率缩小。使用我们公司使用的编辑器,我们只能对这些电子邮件使用HTML,而我不能使用CSS或Java脚本来帮助根据分辨率减小图像大小。我必须对代码进行哪些更改,以便可以适当缩小此块中图像的大小。
<!-- ********************** -->
<!-- *** ABOUT MVS *** -->
<!-- ********************** -->
<table bgcolor="ffffff" width="100%" align="center" style="table-layout: fixed;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;border-collapse: collapse !important;" border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td align="center" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;font-family: 'Open Sans', Helvetica, sans-serif;">
<table width="600" bgcolor="ffffff" align="center" border="0" cellpadding="20" cellspacing="0" class="wrapper" style="table-layout: auto;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;border-collapse: collapse !important;">
<tbody>
<tr>
<td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;font-family: 'Open Sans', Helvetica, sans-serif;">
<table width="510" border="0" cellspacing="0" cellpadding="0" align="left" class="wrapperXS" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;border-collapse: collapse !important;">
<tbody>
<tr>
<td align="center" valign="top" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;font-family: 'Open Sans', Helvetica, sans-serif;"><span style="font-family: Arial;">
<a href="http://business.csuci.edu/mvsfellows"><img src="https://static.askadmissions.net/csuci/usermedia/Responsive/Icons%20and%20Small%20Photos/mvs_logo_vertical.jpg" class="image" alt="MVS School of Business Logo" style="width: 90px; height: 167px;"></a>
</span>
<table border="0" cellpadding="0" cellspacing="0" width="90" class="eventBlockCalendar" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;border-collapse: collapse !important;">
<tbody>
</tbody>
</table>
</td>
<td align="left" valign="center" class="eventContent" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;font-family: 'Open Sans', Helvetica, sans-serif;padding-left: 20px;">
<table border="0" cellspacing="0" cellpadding="0" align="left" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;border-collapse: collapse !important;">
<tbody>
<tr>
<td class="calendarhead" valign="middle" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;font-family: 'Open Sans', Helvetica, sans-serif;font-size: 20px;color: #161B20;font-weight: bold;"><span style="font-family: Arial;">About MVS School of Business & Economics</span></td>
</tr>
<tr>
<td class="calendarbody" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;font-family: 'Open Sans', Helvetica, sans-serif;font-size: 16px;">
<div><span class="featured" style="font-family: Arial;"> </span></div>
<div><span class="featured" style="font-family: Arial;">The <a href="https://www.csuci.edu/academics/business.htm">Martin V. Smith School of Business & Economics</a> emphasizes a liberal arts education that provides a strong foundation in the functional areas of business and economics, while also encouraging students to think critically, collaborate, and communicate. </span></div>
<div><span class="featured" style="font-family: Arial;"> </span></div>
<div><span style="font-family: Arial;">Studying at the Martin V. Smith School of Business & Economics will prepare you for a variety of careers through an education that is creative, innovative and focused on you and your future success. </span></div>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<!-- ************************* -->
<!-- ************************* -->
<!-- ************************* -->