山不灵今天修改网站，因为自动采集的图片，把网站撑大，如图：

撑到了左边栏了，于是从网上找到相关资料，修改方法如下：

很多wordpress主题都没有设定图片自适应大小，在文章插入图片时，如果图片比较大没有手动调整大小的话，太大的图片就会出界。对此，我们可以通过修改CSS来解决，把比较大图片设定最大宽度值，让它显示在文章范围之内。

1.找到wordpress主题或者网站的CSS文件，一般都是style.css。

2.接下来找文章中的.entry标签，在.entry标签下面添加以下代码：

1
2
3
4
5
6
7

entry img { 

max-width: 600px; 

width: expression(this.width > 600 ? "600px": (this.width+"px"));height:auto; 

}

其中的600就是要设定的宽度。

上面的样式要根据自己主题设计，山不灵这次修改的是eStore主题，所以找到文章模板的css为.post控制，所以修改代码如下：

1
2
3
4
5
6
7

.post img { 

max-width: 600px; 

width: expression(this.width > 600 ? "600px": (this.width+"px"));height:auto; 

}

修改好了文章如图：

朋友们可以按照上面方法自己修改一下。