HTML table 在减小 window 大小时更改颜色和格式

Question

我有一个 HTML table，由于某些原因，当网页变得很小或在移动设备上显示时，它会突然改变颜色和格式。

这是初始 table：

这是缩小后的样子：

很简单HTMLtable，没什么特别的。它嵌入在两个不同位置的 Wordpress 页面上。这是两个网址，也许有帮助！

https://www.akkordeonorchester-muenchen.de/news/

https://www.akkordeonorchester-muenchen.de/kartenbestellung/

<table style="margin-left:auto;margin-right:auto;">
  <tbody>
    <tr>
      <th colspan="2">Bitte beachten Sie folgende Zeiten für unseren Konzerttag:</th>
    </tr>
    <tr>
      <td>Tageskasse &amp; Garderobe</td>
      <td style="text-align: right;">ab 13:00 Uhr</td>
    </tr>
    <tr>
      <td>Saaleinlass</td>
      <td style="text-align: right;">13:15 Uhr</td>
    </tr>
    <tr>
      <td>Konzertbeginn</td>
      <td style="text-align: right;">14:00 Uhr</td>
    </tr>
    <tr>
      <td>Konzertende</td>
      <td style="text-align: right;">ca. 16:30 Uhr</td>
    </tr>
  </tbody>
</table>

Answer 1

您已经安装了任何与响应式 table 相关的 wordpress 插件，例如 "automatic responsive tables" 插件。 table 的这种效果是由该插件完成的。

HTML table 在减小 window 大小时更改颜色和格式

HTML table changes colors and format when reducing window size

html

size

html-table

responsive