discuz触屏版去除左边空闲区域

云码酷 · 于 2022-11-2 23:18:44

马上注册，自学更多教程，下载更多资源。

您需要登录才可以下载或查看，没有帐号？立即注册

x

discuz的触屏版最左侧有一块空闲区域感觉很丑，毕竟手机屏幕就那么大地，寸土寸金，不像电脑屏幕，简单说下通过修改模板代码，实现discuz帖子正文去除左侧空白，使模板文章左对齐美化的方法，现在只需要修改几个参数就可去除掉左边的空闲区域了，不多少先上图。

这是带有空闲区域的图
云码酷 discuz触屏版去除左边空闲区域 discuz,触屏,去除,左边,空闲 Discuz 231017a416y396yz7jt3hm

云码酷 discuz触屏版去除左边空闲区域 discuz,触屏,去除,左边,空闲 Discuz 231017a416y396yz7jt3hm

这是修改后去除掉空闲区域的图
云码酷 discuz触屏版去除左边空闲区域 discuz,触屏,去除,左边,空闲 Discuz 231017l1tpwwyrytmfwxav

修改方法如下：

首先打开网站根目录

进入static/image/mobile文件夹，

mobile文件夹中有一个style.css，这个就是您要找的文件discuz手机触屏版的css样式，下载文件到本地电脑

将以下代码

[CSS] 纯文本查看 复制代码

.plc .pi { margin-left:10px; margin-right:10px; padding:7px 0; margin-top: 40px; position:relative;}

修改为

[CSS] 纯文本查看 复制代码

.plc .pi { margin-left:10px; margin-right:10px; padding:7px 0; margin-top: 40px; position:relative;}

如果感觉不合适，可以根据自己的审美自行修改这个行代码中的尺寸参数直到自己满意

上一篇：DiscuzX3.4的Tag标签Apache主机伪静态聚合及Seo优化
下一篇：让discuz (dzx) FAQ帮助页面图文并茂版的方法

bjgh · 发表于 2022-11-2 23:18:45

支持云码酷

5g4qm · 发表于 2022-11-2 23:21:46

占位编辑

qud · 发表于 2022-11-2 23:26:33

佩服佩服！

uh3kdg · 发表于 2022-11-2 23:32:50

学习下

a_6 · 发表于 2022-11-2 23:40:28

围观围观沙发在哪里！！！

3y2g · 发表于 2022-11-2 23:42:54

垃圾内容，路过为证。

2f_n4 · 发表于 2022-11-2 23:45:17

传说中的沙发？？？哇卡卡

zdq23d · 发表于 2022-11-2 23:53:13

不错支持一个了

sof2 · 发表于 2022-11-2 23:56:45

垃圾内容，路过为证。

[discuz教程]discuz触屏版去除左边空闲区域

马上注册，自学更多教程，下载更多资源。

相关帖子

浏览过的版块

作者的其他帖子

400-8888-0000