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
* 网址:https://oba.by/
* 个性:https://oba.by/
* 本文标题: 《WordPress 主题 图片自适应宽度》
* 本文链接:https://www.oba.by/2012/05/4055
* 短链接:https://oba.by/?p=4055
* 转载文章请标明文章来源,原文标题以及原文链接。请遵从 《署名-非商业性使用-相同方式共享 2.5 中国大陆 (CC BY-NC-SA 2.5 CN) 》许可协议。


You may also like

7 comments

    1. 公主 Queen 
      Opera 11 Opera 11 Windows XP Windows XP tw台湾省 中华电信(HiNet)数据中心

      哈哈,这个比喻贴切,其实是菜园子。

发表回复

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