主题开发:让图片自动适应WordPress主题的宽度

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

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

解决方法:视频教程

解决方法:图文教程

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

p img{

max-width: 100%;

}

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

p img{

max-width: 100%;

height: auto;

}

效果图