其实这个东西已经出现了很久了,刚换主题的时候欢姐就和我说主题的图片宽度会超出,那时候改了一下,但是今天查看的时候发现又出问题了,于是就彻底的修改了一下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://h4ck.org.cn/2012/05/wordpress-theme-pic-fit-width/
7条评论
等放暑假了,我也换主题去。
这个主意不错哦。嘎嘎,支持
页面看起来好绿好绿,怀疑走进了庄稼地。 8)
哈哈,这个比喻贴切,其实是菜园子。
太好了,刚好用的上
嘎嘎。还有人能用,不错哦。嘻嘻