zblog文章中的图片怎么自适应?zblog文章图片自适应的设置方法!

2020-05-18 1881阅读

今天闲来无事,自己动手更改了一下主题模板代码,之前手机端文章内容没有“首行缩进”,看起来不美观,我修改了一下zblog的CSS样式,加进去几行代码,打开手机端文章内容实现了“首行缩进”,结果,内容图片也缩进了,整体效果很不好看,最终找到了图片所对应的CSS 代码“img”标签,在文章内容“article_content”的标签下,我把原来的“.article_content img”改为“.article_content img {max-width: 100%;margin: 0 auto;height: auto!important;display: block;padding: 5px 0;}”,我保存了一下,再去刷新手机端的文章,文章内的图片正常了。

如果你的主题没有图片自适应功能的话,你可以自行修改CSS里的图片相关代码,具体代码如下:

.article_content img
 {
    max-width: 100%;
    margin: 0 auto;
    height: auto!important;
    display: block;
}


文章版权声明:本文趣米屋原创内容,禁止复制抄袭!侵权必究!转载请以超链接形式并注明出处。