The editors' meeting has been canceled for technical reasons.
直播记录/styles.css:修订间差异
跳转到导航
跳转到搜索
小无编辑摘要 标签:移动版编辑 移动版网页编辑 |
小无编辑摘要 标签:移动版编辑 移动版网页编辑 |
||
第110行: | 第110行: | ||
/* 表格页通用样式 */ | /* 表格页通用样式 */ | ||
/* 针对移动端设备的样式 */ | /* 针对移动端设备的样式 */ | ||
@media screen | @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% */ | |||
} | |||
} | } | ||
} | } |