网站内容中图片style="width: height:"不变形解决方法

做的网站如果网站用的是自适应的css，那么在PC端网站的文章页面里的图片没有问题，但是在移动端里图片的样式就会变形，整个图片宽度和高度都会变形，那么今天我们就来解决下这个问题。

要解决这个文章中的图片变形问题有2种方法：

1.编辑器添加图片时候去除宽高值

发布文章时候的控制每张图片，默认通过编辑器添加的图片每张图片img标签里都自动添加了宽、高尺寸，即style="width: XXXpx; height: XXXpx;"，那么我们每次添加图片的时候都把这个宽和高的值给去掉，这样添加的图片就不会有style="width: XXXpx; height: XXXpx;"这个值了，这样这个图片在移动端显示的时候就不会变形了。

2.通过模板中添加!important，过滤style=中的值

在网站写网站模板的时候，我们将图片的css属性设置为max-width: 100%!important;   height: auto!important; 含义是最大图片不超过图片本身最大宽度，高度自适应。

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