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

时间:2016-11-22 07:04:10

标签: css wordpress plugins calendar

我正在使用WordPress的事件加插件,该插件用于显示日历,其中包含由插件的短代码生成的日历的事件信息。

但是当我在 360 * 640或320 * 480 上看到日历时,日历显示不正确。如何使用该表来响应此日历。

这是我的网站link

请介绍一下如何解决它。

1 个答案:

答案 0 :(得分: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;
  }
}

您需要使用类.responsive-table在div中添加表。这将创建一个水平滚动条,并且易于在较小的设备上使用。