|
|
| 第109行： |
第109行： |
|
| |
|
| /* 表格页通用样式 */ | | /* 表格页通用样式 */ |
| /* 移动端 */
| |
| @media only screen and (max-width: 768px) {
| |
| /* 表格容器 */
| |
| .open-block {
| |
| width: 100%; /* 容器宽度与屏幕宽度一致 */
| |
| overflow-x: hidden; /* 启用横向滚动以防非常长的内容 */
| |
| overflow:visible;
| |
| }
| |
|
| |
| /* 表格整体缩放 */
| |
| .wikitable{
| |
| width: auto; /* 表格内容宽度自由 */
| |
| max-width:none;
| |
| transform: scale(0.8); /* 表格缩放为 80% */
| |
| transform-origin: top left; /* 缩放起点为左上角 */
| |
| display: inline-block; /* 让表格在容器内居中缩放 */
| |
| border-collapse: collapse;
| |
| }
| |
|
| |
| /* 单元格文字默认大小 */
| |
| th, td {
| |
| white-space: nowrap; /* 禁止文字换行 */
| |
| font-size: 16px; /* 设置基础字体大小 */
| |
| padding: 6px; /* 减少单元格内边距 */
| |
| text-align: left; /* 左对齐文字 */
| |
| }
| |
| }
| |
|
| |
| @media only screen and (max-width: 480px) {
| |
| /* 针对更小的屏幕进一步缩放 */
| |
| table {
| |
| transform: scale(0.6); /* 表格缩放为 60% */
| |
| }
| |
|
| |
| th, td {
| |
| font-size: 14px; /* 设置更小的基础字体 */
| |
| }
| |
| }
| |