Question

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

以下是一个示例：http://fiddle.jshell.net/nmK6R/

尝试使用缩放（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>

放大/缩小搞砸时事通讯 - 放大/缩小如何影响页面？

0 个答案: