Css 我想更改桌子的宽度<；td>；匹配非重复背景照片的宽度

我有一张放背景照片的桌子。这张照片是一张不可重复的照片。因此，当“禁止重复”代码生效时，它会将通常重复照片显示的位置的宽度削减一部分

我想让下面的蓝色与禁止重复照片的大小相匹配。它当前与可重复照片宽度匹配，但与不可重复宽度不匹配。有人有办法解决这个问题吗

由于电子邮件模板的限制，我正在表上创建此文件

        <TABLE style="width: 80%; border: none; text-align: center; margin: 0 auto; color: white;"><!-- width="80%" BORDER="0" cellpadding="0" CELLSPACING="0" align="center" -->
                <TR WIDTH="997" HEIGHT="326" background="https://image.ibb.co/dO1HfQ/dog3edit.jpg" style="background-image:url(https://image.ibb.co/dO1HfQ/dog3edit.jpg); background-repeat: no-repeat;">

                    <TD>


                    <FONT class="titletext" color="white" align="center" style="width: 800px;
                    font-size: 50px;"><b>WELCOME TO ROVER!</b></FONT><br><br> 
                    <FONT class="subtitletext" color="white" align="center" style="width: 100px;
                                font-size: 30px;">Ready to get started?</FONT><br><br><br>

                    <a href="#"><img src="https://image.ibb.co/nvbiLQ/button.png" alt="Button" border="0"></a>

                    </TD>

                </TR>
                <tr>
                    <td style="width:80%; background:blue">
                    </td>
                </tr>
            </TABLE>    

欢迎来到罗孚


准备好开始了吗？

将表格的最大宽度设置为997px，以匹配包含图像的行的宽度。

使表格数据（

td

）标记填充父区域：

td {
   width:100%;
}

---

这确实管用！非常感谢你。我试图保持这个网站的响应，所以不幸的是，我想保持80%的重量百分比大小，这样当手持设备看到它时，它会相应地调整大小。还有别的办法吗？