十二月 25th, 2011
通过修改CSS实现WordPress图片自适应大小
换了主题后发现有一部分图片超出了文章页大小致使侧边栏错位，通过css修改可以很容易的解决这个问题哈。
方法如下：
1、将当前主题目录下的style.css下载到本地，用文本编辑软件打开（推荐使用EditPlus）。
2、搜索“img”，修改的是.entry a img {}，由于不同的主题定义方法不同，所以这里可能有所不同，建议仔细阅读一下css文件再进行修改。
在.entry a img {}中增加如下代码：
- max-width: 670px;
- width: expression(this.width > 670 ? “670px” : (this.width+”px”));
代码分析：
max-width代码中的670px只对Firefox、Opera等浏览器有效，限制对象的最大宽度为670px。但是此代码对IE无效，为了让代码在IE中也发挥应有的作用，也能限制对象宽度，所以在代码中加入第2行命令，用IE提供的expression命令，使所有图片的宽度自动缩小或放大至670px。
注意：这里请根据自己主题的实际情况确定max-width的大小。
Tags: CSS, wordpress, 修改
本文网址：http://www.xxdtk.com/post-249.html