MediaWiki:Vector.css

Note: After publishing, you may have to bypass your browser's cache to see the changes.

• Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
• Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
• Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
• Opera: Press Ctrl-F5.

/* 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;
       }
   }