css - 如何在 github pages 和 sass 模板中自定义表格大小

Question

我有一个 github pages website这没有以所需的大小呈现其表格。

例如 this post表格通常呈现为:

<table>
  <thead>
    <tr>
      <th>Team</th>
      <th>Natural Alignment</th>
      <th>Natural Misalignment</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>Development</td>
      <td>Faster Delivery of features</td>
      <td>Have to be engaged in operations, more “work” to do</td>
    </tr>
    <tr>
      <td>Operations</td>
      <td>Less fires, more consistency</td>
      <td>Have to learn a new skillset and be a beginner</td>
    </tr>
    <tr>
      <td>Security</td>
      <td>More consistency, compliance</td>
      <td>Automation can cause unknown vulnerabilities</td>
    </tr>
    <tr>
      <td>Business</td>
      <td>Faster ROI for development, lower cost for operations, and a scale model that works</td>
      <td>Takes ongoing investment in culture and tools</td>
    </tr>
  </tbody>
</table>

但是它显示的字体很小。我的 sass 是:

/**
 * Tables
 *
 */
table, th, td {
  border: 1px solid black
}

table {
    width: 100%
}

th, td {
    height: 50px;
    font-size: 14px
}

tr:hover {
  background-color: #f5f5f5
}

Here is the github repository with the jekyll site on it .知道如何控制表格大小吗？

Answer 1

如果您从主 css 中删除 .table 并将其替换为 table

table 是 html 固有的，因此要引用 body 标签，它只是 body 而不是 .body，它是类编辑行 966

table {background-color: transparent;font-size: 3em;}