如何响应插件生成的表内容

Question

我正在使用Event Plus WordPress插件，用于显示日历中的日历信息，这些信息是由插件的简短代码生成的日历。

但是，当我在 360*640或320*480 分辨率日历上看到日历时，日历未正确显示。如何使用表响应这个日历。

这是我的网站链接

请给出一些想法。

Answer 1

.responsive-table {
  overflow-x: auto;
  min-height: 0.01%;
}
@media screen and (max-width: 767px) {
  .responsive-table {
    width: 100%;
    margin-bottom: 1px;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #ccc;
  }
  .responsive-table > .calendar-table {
    margin-bottom: 0;
  }
  .responsive-table > .calendar-table > thead > tr > th,
  .responsive-table > .calendar-table > thead > tr > td,
  .responsive-table > .calendar-table > tbody > tr > th,
  .responsive-table > .calendar-table > tbody > tr > td, {
    white-space: nowrap;
  }
}

您需要在div中添加带有class .RESERESIVE-TABL的表格。这将创建一个水平滚动栏，并且在较小的设备上易于使用。