wordpress中markdown文章图片自适应
前些天在我的wordpress中启用了markdown编辑器插件,摸索了几天终于明白怎么在wordpress中使用markdown编辑器了,但也只是局限于最基本的使用。
随后两天在写文章的时候,文章中插入图片发现居然不能居中,而且图片不能自适应,随后又是耗时半天瞎折腾,最后发现是自己骑着驴找马。
在发布一篇带图片的文章后,在浏览器中打开开发者模式审查元素,点击图片位置发现图片上一层父级元素,在js中固定了图片宽度,问题就是出在这,这时候无论你再程序css样式中如何调整,都无法改变图片的位置和宽度,甚至给这个父级元素加上div{width:auto!important}
样式都无法改变js中固定的父级盒子的宽度。随后在编辑文章中发现了这个父级元素的宽度,原来是直接写在文章中。
原来就是直接在文章中设置,直接将width样式改为auto,而在博客的style样式中需要将img的元素设置成自适应样式,在《自适应网站图片如何自适应?》一文中已记载如何图片自适应。