Html 为什么我要努力将我的桌子放在小屏幕的中央？（<；480px）

我知道代码将在不使用媒体查询的情况下使表居中，但这里出现了什么问题，导致它不能以低于480px的速度居中

CSS:

<style>
@media screen and (min-width: 480px){
 .beta {margin:0px auto;}
 .rwd-break { display: none; }
 }
</style>

@媒体屏幕和屏幕（最小宽度：480px）{
.beta{margin:0px auto；}
.rwd中断{显示：无；}
}

HTML:

标题在这里
16英尺x 36英尺
576平方英尺
$38,750
16英尺x 40英尺
640平方英尺
$39,900

你想要这个吗

---

使用

max width

而不是

min width

将表格居中放置在480px以下。

在CSS中，您将

.table

作为类名，而不是使用

.beta

或仅使用

table

为HTML标记定义它，但即使我删除了“.”并将其设置为表格或设置为“.beta”，它仍然不能在480p下居中。当你做

min width:xxx

时，它显示为

>xxx

好的，是的，我更新了我的帖子来纠正那个愚蠢的错误，但我不希望桌子一直居中，刚好在480px宽度下。对不起，我没有抓住最后一点。你说得对。

<table class="beta">
<tbody>
  <tr>
    <th colspan="3">TITLE HERE</th>
  </tr>
  <tr>
    <td class="1"><b>16' x 36'</td>
<td>576 ft.²</td>
<td>$38,750</td>
</tr>
<tr>
<td><b>16' x 40'</td>
<td>640 ft.²</td>
<td>$39,900</td>
</tr>
</table>

   @media screen and (max-width: 480px){
     .beta {margin:0px auto;}
     .rwd-break { display: none; }
   }