The editors' meeting has been canceled for technical reasons.

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

跳转到导航 跳转到搜索
无编辑摘要
标签移动版编辑 移动版网页编辑
无编辑摘要
标签移动版编辑 移动版网页编辑
第110行: 第110行:
/* 表格页通用样式 */
/* 表格页通用样式 */
/* 针对移动端设备的样式 */
/* 针对移动端设备的样式 */
@media screen and (max-width: 768px) {
@media screen {
   .collapsible-block-js { /* 包裹表格的父元素 */
   .collapsible-block-js { /* 包裹表格的父元素 */
     width: auto; /* 父元素宽度始终与屏幕宽度一致 */
     width: auto; /* 父元素宽度始终与屏幕宽度一致 */
第119行: 第119行:
   table {
   table {
     display: block; /* 表格设置为块级元素,便于缩放 */
     display: block; /* 表格设置为块级元素,便于缩放 */
     transform: scale(0.8); /* 缩放表格(根据需要调整缩放比例) */
     /* transform: scale(0.8); /* 缩放表格(根据需要调整缩放比例) */
     transform-origin: top left; /* 缩放原点设置为左上角 */
     transform-origin: top left; /* 缩放原点设置为左上角 */
     width: 125%; /* 表格宽度设置为缩放后的逻辑宽度 */
     width: 125%; /* 表格宽度设置为缩放后的逻辑宽度 */
     max-width: none; /* 防止表格宽度被限制 */
     max-width: none; /* 防止表格宽度被限制 */
  }
  @media (max-width: 1024px) {
  table {
  transform: scale(0.8); /* 1024px 以下时缩放 90% */
  }
  }
  @media (max-width: 768px) {
  table {
  transform: scale(0.7); /* 768px 以下时缩放 80% */
  }
  }
  @media (max-width: 480px) {
  table {
  transform: scale(0.6); /* 480px 以下时缩放 70% */
  }
   }
   }
}
}