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;，该宽度会干扰您在HTML代码的width="100%"标记中设置的table 。删除两者之一。

放大导致页脚不增长

1 个答案: