山不灵今天修改网站，因为自动采集的图片，把网站撑大，如图：
撑到了左边栏了，于是从网上找到相关资料，修改方法如下：
很多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;
}
|
修改好了文章如图：
朋友们可以按照上面方法自己修改一下。
转载请注明来源：酷加动画-【荐】上海MG动画制作公司 酷加文化
