The editors' meeting has been canceled for technical reasons.

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

跳转到导航 跳转到搜索
←上一编辑下一编辑→
小无编辑摘要
标签：移动版编辑 移动版网页编辑
无编辑摘要
标签：移动版编辑 移动版网页编辑
第111行： 第111行：
/* 移动端 */
/* 移动端 */
@media only screen and (max-width: 768px) {
@media only screen and (max-width: 768px) {
   /* 表格宽度适配屏幕，允许滚动 */
   /* 表格容器 */
   table {
   .table-wrapper {
     width: 100%; /* 表格宽度填满屏幕 */
     width: 100%; /* 容器宽度与屏幕宽度一致 */
     border-collapse: collapse; /* 合并边框 */
     overflow-x: auto; /* 启用横向滚动以防非常长的内容 */
    min-width: 100%; /* 确保表格不会小于屏幕宽度 */
   }
   }


   /* 表格容器，启用横向滚动 */
   /* 表格整体缩放 */
   .table-wrapper {
   table {
     overflow-x: auto; /* 启用横向滚动 */
     width: auto; /* 表格内容宽度自由 */
    transform: scale(0.8); /* 表格缩放为 80% */
    transform-origin: top left; /* 缩放起点为左上角 */
    display: inline-block; /* 让表格在容器内居中缩放 */
   }
   }


   /* 单元格样式设置 */
   /* 单元格文字默认大小 */
   th, td {
   th, td {
     white-space: nowrap; /* 禁止文字换行 */
     white-space: nowrap; /* 禁止文字换行 */
     font-size: calc(12px + 0.5vw); /* 动态调整字体大小 */
     font-size: 16px; /* 设置基础字体大小 */
     padding: 8px; /* 单元格内边距 */
     padding: 6px; /* 减少单元格内边距 */
     text-align: left; /* 左对齐文字 */
     text-align: left; /* 左对齐文字 */
  }
}
@media only screen and (max-width: 480px) {
  /* 针对更小的屏幕进一步缩放 */
  table {
    transform: scale(0.6); /* 表格缩放为 60% */
   }
   }


  /* 表头样式 */
   th, td {
   th {
     font-size: 14px; /* 设置更小的基础字体 */
    background-color: #f2f2f2; /* 表头背景色 */
     font-weight: bold; /* 表头加粗 */
   }
   }
}
}
检索自“http://zh.neurosama.info/wiki/直播记录/styles.css”