邱双仪 发表于 2023-7-17 08:55:07

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

新增 /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}
}后台统计代码增加
<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>

邱双仪 发表于 2023-7-17 08:55:41

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

邱双仪 发表于 2023-7-17 08:56:27

修改 /template/default/common/header.htm 文件,在其 </head> 标签前添加代码
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, viewport-fit=cover">
页: [1]
查看完整版本: Discuz! X3.5手机自适应网页代码