通过CSS代码自定义图片宽度

可能通过以下两种方法修改Discuz文章图片宽度。

一、通过管理后台修改

进入管理后台,依次点击“全局”-“上传设置”-“论坛附件”,将“原图缩放大小”下面的数值改为需要的尺寸,如600×2000,即宽x高。

所有大于此尺寸的图片附件,都将缩小至指定尺寸。

二、通过CSS文件修改

修改使用中的模板中的扩展CSS文件extend_module.css,添加以下代码:

\template\default\common\module.css
.vw .d img {
max-width: 600px;
}

这样图片如果大于600也显示为600,小于600的图片就按图片实际大小显示。

如果修改后发现该代码不能优先生效,就直接在module.css中修改。

修改后,更新一下缓存,然后清空浏览器缓存,重新打开网站即可。

©转载请注明出处及链接:大雅派 » 通过CSS代码自定义图片宽度

赞 (2)