解决ZBLOG正文中图片显示变大的问题

博主：晓旭晓旭 2020-03-29 1306

当我们使用一款主题的时候，有的作者在对文中img的控制是如下控制：

.article-info img{width: 100%;height: auto!important;vertical-align: middle!important;border: 0!important;}

这样显示出来的代码如下：
2020-03-29_00011.png 解决ZBLOG正文中图片显示变大的问题 zblog模板 zblog修改主题 第1张
图片会撑满框架而不是图片本身大小，如果这个时候你图片很小，也会撑满框架，只需要更改一下代码即可。

.article-info img{max-width: 100%;height: auto!important;vertical-align: middle!important;border: 0!important;}

显示效果如下：
2020-03-29_00010.png 解决ZBLOG正文中图片显示变大的问题 zblog模板 zblog修改主题 第2张只需要在代码前增加max-即可！

The End

发布于：2020-03-29，除非注明，否则均为晓旭博客原创文章，转载请注明出处。

标签：