Html 无法使引导表变小

需要活动日历的帮助。有两个问题：

A） 无法使日历变小。 B） 无法使表响应工作

我厌倦了在桌子上使用高度和宽度，但在我的测试中没有效果

.captop{
标题侧：顶部；
填充：0；
}
.月{
填充：1rem；
背景#6e69f5；
文本对齐：居中；
}
月保险费{
保证金：0；
填充：0；
列表样式类型：无；
}
李先生{
颜色：白色；
字体大小：20px；
文本转换：大写；
字母间距：3px；
}
.month.prev{
浮动：左；
填充顶部：10px；
}
.下个月.下个月{
浮动：对；
填充顶部：10px；
}
#日历>正文>正文>正文>正文{
填充：0；
}
#日历，卡片，
#日历卡头{
边界：0；
边界半径：0；
}
#日历.活动.卡片标题{
背景#6e69f5；
}

事件

❯
2018年10月


星期日
星期一
星期二
星期三
星期四
星期五
星期六
0
无事件
1.
无事件
2.
无事件
3.
无事件
4.
无事件
5.
无事件
6.
无事件
7.
无事件
8.
无事件
9
无事件
10
无事件
11
无事件
12
无事件
13
无事件
14
无事件
15
无事件
16
无事件
十七,
无事件
18
无事件
19
无事件
20
无事件
21
无事件
22
无事件
23
无事件
table {
  table-layout: fixed;
}