优化 Typecho 评论管理图片&视频显示布局错乱

默认情况下,评论管理图片&视频会根据资源自身分辨率显示预览图,一些大分辨率图片会导致整个评论管理布局错乱,不便于查阅和管理,like this...?

Are you joking? 这显然不是我们想要看到的

方法一

控制图片、视频的预览高度与宽度

编辑文件:/admin/css/style.css

/* Comment management picture & video display layout out of order */
.comment-content img { border: 0; max-height: 240px; max-width: 480px; }
.comment-content video { border: 0; max-height: 240px; max-width: 480px; }

方法二

文件路径/admin/css/normalize.css

复制css样式粘贴到normalize.css文件的最后保存。

 .comment-content img{max-width:100%;}

最终效果图

转载文章:优化 Typecho 评论管理图片&视频显示布局错乱
最后修改:2022 年 02 月 26 日
如果你喜欢,请随意赞赏