WordPress 主题图片自适应宽度

其实这个东西已经出现了很久了，刚换主题的时候欢姐就和我说主题的图片宽度会超出，那时候改了一下，但是今天查看的时候发现又出问题了，于是就彻底的修改了一下css的代码。原来的代码是下面的样子滴：

.obaby-article img, img.obaby-article, .obaby-block img, .obaby-footer img
{
   border-color: #B2C2D1;
   border-style: solid;
   border-width: 0;
   margin: 7px 7px 7px 7px;
}

修改成下面的样子：

.obaby-article img
{
    margin:5px 0 0 0;
	max-width:650px;
	_width:expression(this.width>650?"650px":"auto");
}
 
img.obaby-article, .obaby-block img, .obaby-footer img
{
   border-color: #B2C2D1;
   border-style: solid;
   border-width: 0;
   margin: 7px 7px 7px 7px;
}

其实出现这个情况主要是Artisteer 3创建的主题的css代码的兼容性有问题。这个东西花了这么多钱买了发现很多的东西还要自己修正，这也够蛋疼的。 😎
另外网上还有还有下面一段代码，但是这段代码会让所有的笑脸符号变成一个大饼，这也够蛋疼的

p img {
 padding: 0;
 max-width: 100%;
 width: 450px;
 }

最后一句是为了兼容ie，但是这行兼容代码让笑脸符号在opera下变成了一张饼。 :8

原创文章，转载请注明： 转载自 obaby@mars

本文标题: 《WordPress 主题图片自适应宽度》

本文链接地址: http://h4ck.org.cn/2012/05/wordpress-theme-pic-fit-width/

7条评论

杜小白说道：

08/05/2012 14:03

等放暑假了，我也换主题去。

回复
1. obaby说道：
  
  08/05/2012 22:04
  
  这个主意不错哦。嘎嘎，支持
  
  回复
啄木游弋说道：

08/05/2012 15:33

页面看起来好绿好绿，怀疑走进了庄稼地。 8)

回复
1. obaby说道：
  
  08/05/2012 15:49
  
  哈哈，这个比喻贴切，其实是菜园子。
  
  回复
小云子说道：

08/05/2012 20:02

太好了，刚好用的上

回复
1. obaby说道：
  
  08/05/2012 21:58
  
  嘎嘎。还有人能用，不错哦。嘻嘻
  
  回复
Pingback：网页制作相关链接（长期更新，欢迎投递） | 月亮云