直播记录/styles.css：修订间差异

←上一编辑下一编辑→

@@ 第109行： / 第109行： @@
 /* 表格页通用样式 */
-@media screen and (max-width: 768px) { /* 针对移动端屏幕 */
+/* 针对移动端设备的样式 */
+@media screen and (max-width: 768px) {
+  .table-wrapper { /* 包裹表格的父元素 */
+    width: 100%; /* 父元素宽度始终与屏幕宽度一致 */
+    overflow-x: auto; /* 确保父元素可以横向滚动（如果需要） */
+    display: block;
+  }
    table {
-     display: block; /* 将表格变成块级元素，便于缩放 */
+     display: block; /* 表格设置为块级元素，便于缩放 */
-    width: 100%; /* 设置表格宽度为屏幕宽度 */
+     transform: scale(0.8); /* 缩放表格（根据需要调整缩放比例） */
-     transform: scale(0.8); /* 缩放表格到 80%（根据需求调整数值） */
+     transform-origin: top left; /* 缩放原点设置为左上角 */
-     transform-origin: top left; /* 设置缩放的起点为左上角 */
+     width: 125%; /* 表格宽度设置为缩放后的逻辑宽度 */
-     overflow-x: auto; /* 确保缩放后的表格在超出时仍可滚动 */
+    max-width: none; /* 防止表格宽度被限制 */
    }
 }