如何仅使用HTML

时间:2018-10-02 22:51:27

标签: html

我正在为工作用电子邮件编写代码,但是在重新调整表格中图像的大小时遇到​​了一个小问题。 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 &amp; 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;">&nbsp;</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 &amp; 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.&nbsp;</span></div>
                                                <div><span class="featured" style="font-family: Arial;">&nbsp;</span></div>
                                                <div><span style="font-family: Arial;">Studying at the Martin V. Smith School of Business &amp; Economics will prepare you for a variety of careers through an education that is creative, innovative and focused on you and your future success.&nbsp;</span></div>
                                                </td>
                                            </tr>
                                        </tbody>
                                    </table>
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                        </td>
                    </tr>
                </tbody>
            </table>
            </td>
        </tr>
    </tbody>
</table>
<!-- ************************* -->
<!-- ************************* -->
<!-- ************************* -->

0 个答案:

没有答案