使用Javascript根据设备检测更改全局td属性

Question

我认为这很容易做到，但是我没有找到答案。我有这个样式表，用于设置所有td的全局字体大小。

SUM(profit) OVER (PARTITION BY [year] ORDER BY (SELECT NULL))

我想检测javascript中的设备类型并全局更改td的值，因此移动设备上的字体大小更大。有没有办法以编程方式设置全局td？我有设备检测功能。

Answer 1

有很多方法可以实现这一目标。我个人很喜欢使用media querys。

这里是一个例子：

  td {
     font-size: 20px;
     }

@media screen and (max-width: 800px) {
  td {
     font-size: 10px;
  }
  }

<table class="table table-striped">
  <tbody>
    <tr class="warning">
      <td>Area</td>
    </tr>
  </tbody>
</table>

在此处，您可以在单击整页时看到它更改了font-size。您也可以使用vw，这将占屏幕宽度的％。但是然后您必须添加一个视口

Example