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. }

复制代码

后台统计代码增加

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缓存

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