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

跳转到导航 跳转到搜索
无编辑摘要
标签移动版编辑 移动版网页编辑
无编辑摘要
 
(未显示同一用户的21个中间版本)
第109行: 第109行:


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