需要帮助，使我的HTML电子邮件响应能力。混合流体设计I i; m使用ISN不起作用

Question

我使用混合流体设计有一个简单的2列布局。我希望这些列可以在移动屏幕上互相堆叠。我有一个两列班级表，可以在我的列级表周围包裹。在我的列级表上，我有样式=“ display：inline-block;垂直隔离：top; width：100％;最大宽度：300px; border-spacing：0; backing cropppent-color：＃d93644;“。”该表将我的IMG标签保存在这一列上。我的另一列包含写作内容。

仅此部分就应该是由于内联窗口，宽度和最大宽度样式的响应能力，但是它不会在较小的屏幕上彼此堆叠，而我一生都无法弄清楚为什么和它可能是什么如此简单。确实需要帮助。

<!-- START 1ST TWO COLUMN -->
         <tr>
            <td>
               <table width="100%" style="border-spacing: 0;" role="presentation">
                  <tr>
                     <td class="two-columns" style="padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; font-size: 0; text-align: center;">
                        <!--[if (gte mso 9)|(IE)]>
                           <table width="100%" style="border-spacing:0;" role="presentation">
                           <tr>
                           <td width="300" valign="top" style="padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;">
                        <![endif]-->

                        <table class="column" role="presentation" style="display: inline-block; vertical-align: top; width: 100%; max-width: 300px; border-spacing:0; background-color: #D93644;">
                           <tr>
                              <td class="padding" style="background-color: #D93644; padding-top: 0; padding-right: 0px; padding-bottom: 0; padding-left: 0px; font-size: 0;">
                                 <table class="content" role="presentation" style="border-spacing: 0; text-align: left;">
                                    <tr>
                                       <td style="background-color: #D93644;">
                                          <img class="two-col-img" width="280" style="max-width: 280px;" height="215.7" src="http://ibb.co.com/images/c81e0cd1b8b486f30644ee03f4a1988e.png" alt="airplane" border="0" title="airplane with red background">
                                       </td>
                                    </tr>
                                 </table>
                              </td>
                           </tr>
                        </table>

                        <!--[if (gte mso 9)|(IE)]>
                           </td><td width="300" valign="middle" style="padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;">
                           <![endif]-->

                        <table class="column" role="presentation" style="display: inline-block; vertical-align: top; width: 100%; border-spacing:0; max-width: 300px;" >
                           <tr>
                              <td class="padding" style="padding-top: 0; padding-right: 15px; padding-bottom: 0; padding-left: 15px; font-size: 0;">
                                 <table class="content" role="presentation" style="border-spacing: 0; text-align: left;">
                                    <tr>
                                       <td>
                                          <p style="font-size: 20px; font-weight: bold; color: #808080;">We Can Give
                                             Your Career Wings</p>
                                          <p style="font-size: 12px; color: #808080;">Ascent Aviation Services hold one of only two Class IV CFR Part 145 license that allows us to specialize in the operation of every aspect of aircraft maintenance (Narrow and wide body, small to large, regional to long-haul).</p>
                                       </td>
                                    </tr>
                                 </table>
                              </td>
                           </tr>
                        </table>

                        <!--[if (gte mso 9)|(IE)]>
                           </td>
                           </tr>
                           </table>
                        <![endif]-->
                     </td>
                  </tr>
               </table>
            </td>
         </tr>
         <!-- END 1ST TWO COLUMN -->