Mailchimp Android电子邮件模板

Question

我有一个mailchimp模板，在桌面和iPhone gmail应用程序上看起来不错，但是在Android gmail上却停了下来。带有两个按钮的容器没有完整宽度，并且按钮不在中间。

这是我的代码：

  <table border="0" cellpadding="0" cellspacing="0" width="100%" style="width:100%; background-color:red" class="mcnButtonBlock">
    <tbody class="mcnButtonBlockOuter">
      <tr>
        <td style="padding-top:0;padding-right:18px;padding-bottom:18px;padding-left:18px;width:100%" valign="top" align="center" class="mcnButtonBlockInner">
          <table border="0" cellpadding="0" cellspacing="0" class="mcnButtonContentContainer">
            <tbody>
              <tr>
                <td align="center" valign="middle" class="mcnButtonContent">
                  <a href="https://itunes.apple.com">
                    <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/3/3c/Download_on_the_App_Store_Badge.svg/1280px-Download_on_the_App_Store_Badge.svg.png" class="mcnImage" style="height:40px !important;margin-right:5px;">
                  </a>
                </td>
                <td align="center" valign="middle" class="mcnButtonContent">         
                  <a href="https://play.google.com">
                    <img src="https://www.designpieces.com/wp-content/uploads/2016/02/google-play-badge.png" class="mcnImage" style="height:40px !important; margin-left:5px;">
                  </a>
                </td>
              </tr>
            </tbody>
          </table>
        </td>
      </tr>
    </tbody>
  </table>

如何在Android gmail上做到这一点？在Android上，红色div占据内容的宽度，并且所有内容保持对齐。