热搜词

我的博客

版块简介:一些简单的介绍
  •  57帖子
  •  152讨论
  •  0关注

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

笔记 邱双仪 发表于 2023-7-17 08:55:07 | 显示全部楼层 |阅读模式
1146 2
新增 /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缓存
2023-7-17 08:55:41 回复
修改 /template/default/common/header.htm 文件,在其 </head> 标签前添加代码
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, viewport-fit=cover">
2023-7-17 08:56:27 回复
您需要登录后才可以回帖 登录 | 注册
发表评论
发布 联系QQ