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

无编辑摘要
标签移动版编辑 移动版网页编辑
无编辑摘要
 
(未显示同一用户的24个中间版本)
第109行: 第109行:


/* 表格页通用样式 */
/* 表格页通用样式 */
/* 针对移动端设备的样式 */
.neuro{
@media screen {
background:#e3c3ad;
  .collapsible-block-js { /* 包裹表格的父元素 */
}
    max-width: 100%; /* 父元素宽度始终与屏幕宽度一致 */
.evil{
    overflow-x: auto; /* 确保父元素可以横向滚动(如果需要) */
background:#B30239;
    display: inline-block;
color:#fff;
    overflow:hidden;
text-shadow:-0.5px -0.5px 0 #000,0.5px -0.5px 0 #000,-0.5px 0.5px 0 #000 ,0.5px 0.5px 0 #000;
  }
}
  body{
.evil a{
  width:100%;
color:#ffdddd;
  }
}
  table {
.neuro-evil{
    display: block; /* 表格设置为块级元素,便于缩放 */
background:#cb6273;
    /* transform: scale(0.8); /* 缩放表格(根据需要调整缩放比例) */
text-shadow:-1px -1px 0 #e3c3ad,1px -1px 0 #e3c3ad,-1px 1px 0 #e3c3ad,1px 1px 0 #e3c3ad;
    transform-origin: top left; /* 缩放原点设置为左上角 */
}
    width: auto; /* 表格宽度设置为缩放后的逻辑宽度 */
.neuro-vedal{
    max-width: none; /* 防止表格宽度被限制 */
background:#96ba8c;
  }
text-shadow:-1px -1px 0 #4ab06b,1px -1px 0 #4ab06b,-1px 1px 0 #4ab06b,1px 1px 0 #4ab06b;
  @media (max-width: 1024px) {
}
  table {
.evil-vedal{
  transform: scale(0.7); /* 1024px 以下时缩放 90% */
background:#7e5952;
  }
text-shadow:-1px -1px 0 #4ab06b,1px -1px 0 #4ab06b,-1px 1px 0 #4ab06b,1px 1px 0 #4ab06b;
  }
}
  @media (max-width: 768px) {
.vedal{
  table {
background:#4ab06b;
  transform: scale(0.6); /* 768px 以下时缩放 80% */
}
  }
.neuro-evil-vedal{
  }
background:#a07c70;
  @media (max-width: 480px) {
color:#fff;
  table {
  transform: scale(0.5); /* 480px 以下时缩放 70% */
  }
  }
}
}