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

[admin]

1.新增 /template/default/common/extend_common.css文件放入如下代码：

body, #toptb {min-width: 0 !important}

.wp {width: 1200px !important; max-width: 100% !important}

img.zoom, #e_image_menu {max-width: 100% !important; height: auto !important}

.btn_s_open, .btn_s_close, #qmenu {display: none !important}

.pcht {max-width: 100%}

.a_t td {padding: 4px !important}

@media (max-width: 767px) {

  .m_c .tedt, #subjecthide, .m_c .quote, .rfm {width:100%!important}

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

  #scbar_txt, .ct2_a .mn, .f_c.altw, .c, .f_c .list {width: auto !important}

  #wp, #ft, .hdc.cl {padding: 0 10px !important; box-sizing: border-box}

  .rfm th {width: 5em !important}

}

2.修改 /template/default/common/header.htm 文件，在其 </head> 标签前添加代码

<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, viewport-fit=cover">

3.后台统计代码增加

<script>

  const mobileWidth = 767

  if (window.innerWidth<=mobileWidth) {

    if (!document.cookie.includes('close_leftinfo=1')) {

      setcookie('close_leftinfo', 1)

      location.reload()

    }

  } else {

    if (document.cookie.includes('close_leftinfo=1')) {

      setcookie('close_leftinfo', 2)

      location.reload()

    }

  }

</script>

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