WordPress 主题 图片自适应宽度

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

1
2
3
4
5
6
7
.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;
}

 

修改成下面的样子:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
.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代码的兼容性有问题。这个东西花了这么多钱买了发现很多的东西还要自己修正,这也够蛋疼的。 😎
另外网上还有还有下面一段代码,但是这段代码会让所有的笑脸符号变成一个大饼,这也够蛋疼的

1
2
3
4
5
p img {
 padding: 0;
 max-width: 100%;
 width: 450px;
 }

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

原创文章,转载请注明: 转载自 obaby@mars

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

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

You may also like

7条评论

发表评论

电子邮件地址不会被公开。 必填项已用*标注