Discuz! X3.5手机自适应网页代码

• 新增 /template/default/common/extend_common.css 文件放入如下代码：
  1. body, #toptb {min-width: 0 !important}
     
  2. .wp {width: 1200px !important; max-width: 100% !important}
     
  3. img.zoom, #e_image_menu {max-width: 100% !important; height: auto !important}
     
  4. .btn_s_open, .btn_s_close, #qmenu {display: none !important}
     
  5. .pcht {max-width: 100%}
     
  6. .a_t td {padding: 4px !important}
     
  7. @media (max-width: 767px) {
     
  8.   .m_c .tedt, #subjecthide, .m_c .quote, .rfm {width:100%!important}
     
  9.   #frt, .fl_i, .fl_by, .num, #boardlogo, .category_l3, .pls, tr td:nth-last-child(3).by, tr.ts td:nth-last-child(-n+2) {display: none !important}
     
  10.   #scbar_txt, .ct2_a .mn, .f_c.altw, .c, .f_c .list {width: auto !important}
      
  11.   #wp, #ft, .hdc.cl {padding: 0 10px !important; box-sizing: border-box}
      
  12.   .rfm th {width: 5em !important}
      
  13. }

  复制代码
  
  
• 修改 /template/default/common/header.htm 文件，在其 </head> 标签前添加代码
  1. <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, viewport-fit=cover">

  复制代码
  
  
• 后台统计代码增加
  1. <script>
     
  2.   const mobileWidth = 767
     
  3.   if (window.innerWidth<=mobileWidth) {
     
  4.     if (!document.cookie.includes('close_leftinfo=1')) {
     
  5.       setcookie('close_leftinfo', 1)
     
  6.       location.reload()
     
  7.     }
     
  8.   } else {
     
  9.     if (document.cookie.includes('close_leftinfo=1')) {
     
  10.       setcookie('close_leftinfo', 2)
      
  11.       location.reload()
      
  12.     }
      
  13.   }
      
  14. </script>

  复制代码
  
  
• 站点宽窄风格改成窄屏(固定宽度)，允许用户自由切换改成否
• 作者用户名显示位置改成显示在帖子内部
• 快速发帖右侧显示推荐表情改成否
• 左侧信息栏允许用户控制 改为 是
• 仅适用于Discuz! X3.5默认主题，不适用3.4
• 如果没有生效，后台更新一下模板的CSS缓存