css 微信朋友圈 图片不显示图片

最近在做微信公众号的开发的时候，碰到了一个问题：微信朋友圈里的图片不显示，经过了一番排查，问题终于解决了。下面我们一起来看看吧。

img{
    /*禁止图片自适应*/
    max-width:100%;
    height:auto;
}

首先，我们需要了解微信朋友圈的特点：里面的图片会经过微信的压缩和处理，而微信处理图片的方式跟其他浏览器有些差别，因此我们需要在CSS中对图片进行特别的设置。

我们可以发现，只需加上max-width:100%; height:auto; 即可解决问题，这是因为微信在处理图片时，会根据图片的实际大小来对其进行缩放，并且为了适应屏幕，会优先按照宽度来缩放。而我们的CSS样式中，max-width设置为100%，即使图片被缩放后依然能够保持其原始宽高比例，不至于变形或者失真；height则设置为auto，即高度会随着宽度的变化而自适应，这样就可以让在微信朋友圈中的图片显示正常了。

总之，微信朋友圈图片不显示，不一定是因为链接出现了问题，有时候只是因为CSS样式的设置不当所致，大家可以先检查一下CSS代码，看看是否设置了max-width和height。