响应表在移动上缩小

Question

我一直在创建一个用于添加到WordPress网站的表格。由于网站是响应性的，表格也应该有所不同。

所以我一直在创建我的桌子并且在编辑器中（我使用Visual Studio Code）它完美地响应，但我认为我最好在Chrome中测试它。我保存了它，在Chrome中打开它，然后在启用移动设备视图的情况下进行了检查。

虽然设置在单元格上的min-width（几乎应该填充移动视图的宽度），但是单元格几乎不粘贴中间标记。

所以我创建了一个新表，如下所示。同样的事情发生了。

＆＃13;

＆＃13;

<table border="1">
  <tr>
    <td style="min-width: 200px;">Min Width 200px</td>
    <td style="min-width: 300px;">Min Width 300px</td>
  </tr>
</table>

＆＃13;

＆＃13;

＆＃13;

为什么这样做？我该怎么做才能解决这个问题？

Answer 1

我注意到Chrome在某些情况下开始在设备模式下缩小所有内容（我不确定具体情况，所以如果有人知道请放入）。

我通过将minimum-scale=1添加到视口元值：

将其修复到我的网站中

<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1">