The editors' meeting has been canceled for technical reasons.
直播记录/styles.css：修订间差异
跳转到导航
跳转到搜索
小无编辑摘要 标签：移动版编辑 移动版网页编辑 |
小无编辑摘要 标签：移动版编辑 移动版网页编辑 |
||
| 第112行： | 第112行： | ||
@media screen { | @media screen { | ||
.collapsible-block-js { /* 包裹表格的父元素 */ | .collapsible-block-js { /* 包裹表格的父元素 */ | ||
width: | max-width: 100%; /* 父元素宽度始终与屏幕宽度一致 */ | ||
overflow-x: auto; /* 确保父元素可以横向滚动（如果需要） */ | overflow-x: auto; /* 确保父元素可以横向滚动（如果需要） */ | ||
display: inline-block; | display: inline-block; | ||
overflow:hidden; | |||
} | |||
body{ | |||
width:100%; | |||
} | } | ||
table { | table { | ||
display: block; /* 表格设置为块级元素，便于缩放 */ | display: block; /* 表格设置为块级元素，便于缩放 */ | ||
/* transform: scale(0.8); /* 缩放表格（根据需要调整缩放比例） */ | /* transform: scale(0.8); /* 缩放表格（根据需要调整缩放比例） */ | ||
transform-origin: top left; /* 缩放原点设置为左上角 */ | transform-origin: top left; /* 缩放原点设置为左上角 */ | ||
width: | width: auto; /* 表格宽度设置为缩放后的逻辑宽度 */ | ||
max-width: none; /* 防止表格宽度被限制 */ | max-width: none; /* 防止表格宽度被限制 */ | ||
} | } | ||
@media (max-width: 1024px) { | @media (max-width: 1024px) { | ||
table { | table { | ||
transform: scale(0. | transform: scale(0.7); /* 1024px 以下时缩放 90% */ | ||
} | } | ||
} | } | ||
@media (max-width: 768px) { | @media (max-width: 768px) { | ||
table { | table { | ||
transform: scale(0. | transform: scale(0.6); /* 768px 以下时缩放 80% */ | ||
} | } | ||
} | } | ||
@media (max-width: 480px) { | @media (max-width: 480px) { | ||
table { | table { | ||
transform: scale(0. | transform: scale(0.5); /* 480px 以下时缩放 70% */ | ||
} | } | ||
} | } | ||
} | } | ||