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

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

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

这是带有空闲区域的图



这是修改后去除掉空闲区域的图


修改方法如下:

首先打开网站根目录

进入static/image/mobile文件夹,

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


将以下代码

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

修改为

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

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

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

垃圾内容,路过为证。
页: [1] 2
查看完整版本: discuz触屏版去除左边空闲区域