@ICMP不可达喵 #32 呐,帮你改好了,效果是这样的(用的时候记得合并一下样式表,去除!important 手机版的表格可以滑动,不会超出屏幕 PC: 移动端: css代码: .summary-section,.unified-table-container{background:#fff;border-radius:12px;margin-bottom:2.5rem;box-shadow:0 2px 12px #00000014;} .summary-section{padding:1.5rem 2rem;} .summary-grid{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 2rem;} .summary-item{display:inline-flex;align-items:baseline;gap:.4rem;white-space:nowrap;} .summary-label,.summary-value{font-size:.95rem;} .summary-label{color:#6b7280;font-weight:500;} .summary-value{color:#111827;font-weight:700;} .unified-table{border-collapse:collapse;font-size:.95rem;} .unified-table thead,.unified-table th{background:#f8fafc;} .unified-table thead{border-bottom:2px solid #cbd5e1;position:sticky;top:0;z-index:11;} .unified-table th,.unified-table td{padding:1rem 1.5rem;white-space:nowrap;} .unified-table th{text-align:left;font-weight:700;color:#1e293b;text-transform:uppercase;font-size:.85rem;letter-spacing:.05em;border-right:1px solid #e2e8f0;position:sticky;top:0;z-index:12;} .unified-table td{border-bottom:1px solid #e2e8f0;border-right:1px solid #f1f5f9;color:#334155;} @media(max-width:40em){ nav{display:grid!important;grid-template-areas:"logo profile" "links links";justify-items:center;padding-top:1rem;} nav h2{grid-area:logo;} nav .internal-links{grid-area:links;} .profile-box{grid-area:profile;min-width:2rem!important;} .page-container{padding:unset!important;} .unified-table-wrapper{overflow-x:auto;} }
厉害
赞美猫猫(撸撸猫猫
赞赞
粉丝来罗
好人,大义
@ICMP不可达喵 #32
不介意的话,明天有空给你整一个
@ICMP不可达喵 #32
呐,帮你改好了,效果是这样的(用的时候记得合并一下样式表,去除
!important手机版的表格可以滑动,不会超出屏幕
PC:
移动端:
css代码:
哇哦,十分感谢
@at #47
@ICMP不可达喵 #48
嘿嘿,不谢ヽ(・∀・)ノ
可以加个进度条就更好了,等的时候以为卡住了,或者先输出已经ping结束的节点