html - 放大导致页脚不增长

Question

我在页面底部有一个页脚，但当放大时，屏幕中间的表格会变大，但页脚不会。有没有什么办法，使用基本的 HTML/CSS 或任何 JS/CSS 框架，让我继续成长。

.footer-center-vers2 {
  position: relative;
  background: #292929;
  margin-left: 670px;
  font-family: arial, Helvetica, sans-serif,verdana;
  font-size: 9px;
  color: #bfbfbf;
  padding: 10px 0px 10px;
}

.Regulations {
  padding: 0px 0px 0px 0px;
  border-spacing: 0px;
  margin: 0 auto;
  width:1000px;
}

<table width="100%" class="Regulations">
  <tr>
    <td class="footer-center-vers2" style="text-align: center; vertical-align: middle;">
      <span style="vertical-align: middle">
        <img src="small.png" border="0" alt="My Company Ltd." /><br />
        &copy; My Insurance Company Text<br />
        <br />
      </span>
    </td>
  </tr>
</table>

在 0% 缩放时，表格看起来不错，但当您放大 >125% 时，表格不再是 100%。有什么想法吗？

Answer 1

您的表格有 .Regulations 类，您为其设置了固定宽度 width:1000px;，这会干扰 width="100%" 您在 HTML 代码的 table 标签中设置。删除两者之一。