MediaWiki:Mobile.css
来自The Ysmir Collective
注意：在发布之后，您可能需要清除浏览器缓存才能看到所作出的变更的影响。
- Firefox或Safari：按住Shift的同时单击刷新，或按Ctrl-F5或Ctrl-R（Mac为⌘-R）
- Google Chrome：按Ctrl-Shift-R（Mac为⌘-Shift-R）
- Internet Explorer或Edge：按住Ctrl的同时单击刷新，或按Ctrl-F5
- Opera：按 Ctrl-F5。
/* Responsive design for mobile */
@media (max-width: 600px) {
.res-table {
font-size: 14px; /* Slightly smaller font for better readability */
}
.res-table th, .res-table td {
padding: 8px; /* Reduce padding for smaller screens */
text-align: left; /* Ensure content is left-aligned */
display: block; /* Stack cells vertically */
width: 100%; /* Make cells full width */
}
.res-table tr {
display: flex;
flex-direction: column; /* Stack each row as a column */
margin-bottom: 8px; /* Add spacing between rows */
}
.res-table th {
background-color: #e0e0e0; /* Light gray background for headers */
border-bottom: 2px solid #000000; /* Stronger header separation */
}
.res-table td {
border: none; /* Remove borders between cells */
border-bottom: 1px solid #d0d0d0; /* Add subtle separation */
}
}
