WordPress文章内容中图片撑开框架问题

WordPress主题开发的时候，文章内容页的div容器是有着固定宽度的。如果我们文章本身的图片大小是1114px而div容器的宽度是850px就会导致图片把div撑开。形成一种乱版的感觉。

解决方法：视频教程

解决方法：图文教程

使用max-width属性为img标签限制最大宽度：

p img{

max-width: 100%;

}

仅仅限制最大宽度会导致图片的纵横比出现问题，为了限制图片的纵横比，我们再加一条高度自适应属性：

p img{

max-width: 100%;

height: auto;

}

效果图