|
|
| Line 1: |
Line 1: |
| /* All CSS here will be loaded for users of the Vector skin */ | | /* All CSS here will be loaded for users of the Vector skin */ |
| /* 基本响应式设置 */
| |
| @media (max-width: 768px) {
| |
| /* 调整主要内容区域的宽度 */
| |
| #content, .mw-body {
| |
| width: 100%;
| |
| padding: 10px;
| |
| }
| |
|
| |
| /* 导航栏调整 */
| |
| #p-navigation, #p-tb, #p-personal, #p-cactions, #p-lang {
| |
| display: none; /* 隐藏不必要的侧边栏 */
| |
| }
| |
|
| |
| /* 头部调整 */
| |
| #mw-head, #mw-head-bg {
| |
| padding: 10px;
| |
| }
| |
|
| |
| /* 操作菜单折叠 */
| |
| .vector-menu-content {
| |
| display: none; /* 初始隐藏菜单内容 */
| |
| }
| |
|
| |
| /* 添加移动端菜单按钮 */
| |
| #mobile-menu-toggle {
| |
| display: block;
| |
| position: absolute;
| |
| top: 10px;
| |
| right: 10px;
| |
| background-color: #f8f9fa;
| |
| border: 1px solid #ddd;
| |
| padding: 5px 10px;
| |
| cursor: pointer;
| |
| z-index: 1000;
| |
| }
| |
| }
| |
|
| |
| /* 欢迎移动端菜单按钮 */
| |
| #mobile-menu-toggle {
| |
| display: none;
| |
| }
| |
|
| |
| /* 展开菜单 */
| |
| .menu-open .vector-menu-content {
| |
| display: block;
| |
| }
| |
|
| |
| /* 样式调整 */
| |
| @media (max-width: 768px) {
| |
| /* 调整字体大小 */
| |
| body {
| |
| font-size: 16px;
| |
| }
| |
|
| |
| /* 更改图片和表格的显示 */
| |
| img, table {
| |
| max-width: 100%;
| |
| height: auto;
| |
| }
| |
| }
| |