MediaWiki:Mobile.css:修订间差异
来自The Ysmir Collective
(创建页面,内容为“ →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 { dis…”) |
无编辑摘要 |
||
| (未显示同一用户的3个中间版本) | |||
| 第1行: | 第1行: | ||
@media (max-width: 600px) { | |||
.nav{ | |||
display:none; | |||
} | |||
/* Responsive design for mobile */ | /* Responsive design for mobile */ | ||
| 第28行: | 第32行: | ||
border-bottom: 1px solid #d0d0d0; /* Add subtle separation */ | border-bottom: 1px solid #d0d0d0; /* Add subtle separation */ | ||
} | } | ||
} | |||
} | } | ||
2025年1月5日 (日) 02:18的最新版本
@media (max-width: 600px) {
.nav{
display:none;
}
/* 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 */
}
}
}