Html 放大/缩小会弄乱新闻稿-放大/缩小会如何影响页面？

我制作了一份时事通讯，但每当我或客户放大或缩小时，都会弄乱比例。我无法修复它，也没有找到足够有用的信息来解决这个问题

下面是一个例子：

尝试使用zoom Ctrl键来查看出了什么问题。请注意左上部分：

请注意，至少在我的电脑中，100%的缩放比例非常好，但放大或缩小都会把它搞砸

除了解决问题，我更想更好地理解它- 当我放大/缩小比例时，会发生什么变化？为什么有些元素的变化不同于其他元素？我觉得如果我真的理解这是如何工作的？除了解决这个邮件的问题，我还能在更多的时事通讯中解决这个问题

所以，即使你不想解决这个问题，但请告诉我缩放是如何工作的-我可能自己就能解决它-只是我不知道发生了什么，所以我不知道需要修复什么：p

谢谢你的帮助

根据要求，以下是简化代码：

<table id="Table_01" width="872" height="500" border="0" cellpadding="0" cellspacing="0" dir="rtl" style="margin: auto;">
    <tbody><tr>
      <td>
        <img style="border:0; display:block;" src="http://newsletter.pwizard.com/upload/account_86/template/images/newslettter-boz-new3_01.jpg" width="871" height="39" alt="">
      </td>
    </tr>
    <tr> 
      <td>
      <table border="0" cellpadding="0" cellspacing="0">
        <tbody>
        <tr>
          <td>
            <table border="0" cellpadding="0" cellspacing="0">
              <tbody><tr> 
                <td bgcolor="f8ebbe">
                    <img width="61" style="border:0; display:block;" src="http://newsletter.pwizard.com/upload/pix.gif">
                </td>
                <td bgcolor="9e7641">
                    <img width="25" style="border:0; display:block;" src="http://newsletter.pwizard.com/upload/pix.gif">
                </td>
                <td bgcolor="f5f2e3">
                    <img width="23" style="border:0; display:block;" src="http://newsletter.pwizard.com/upload/pix.gif">
                <td bgcolor="red">
                    <img width="651" style="border:0; display:block;" src="http://newsletter.pwizard.com/upload/pix.gif">
                <td bgcolor="f5f2e3">
                    <img width="26" style="border:0; display:block;" src="http://newsletter.pwizard.com/upload/pix.gif">
                </td>
                <td bgcolor="9e7641">
                    <img width="27" style="border:0; display:block;" src="http://newsletter.pwizard.com/upload/pix.gif">
                </td>
                <td bgcolor="f8ebbe">
                    <img width="58" style="border:0; display:block;" src="http://newsletter.pwizard.com/upload/pix.gif">
                </td>
              </tr>
            </tbody></table>
          </td>
        </tr> 

</tbody>
</table>

---

我在Chrome OS X上看起来不错。你能在这里发布一些代码和详细信息吗？也许是一个屏幕截图来显示到底是什么错了？屏幕截图：至于代码，你可以使用问题链接中的开发人员工具。谢谢。请退房。谢谢！那里现在有小提琴，代码，小例子。除了一个解决方案之外，其他都是：