70 views

CSS 限制图片最大宽度

换WordPress主题时,如果我们一个很宽的主题换为一个比较窄的主题,有些文章内的图片很可能为超出主题宽度,非常不美观。

但是,我们又不能定死,否则图片会变形。

下面是找来的一段CSS,传说兼容IE6。

.img{
    max-width: 500px;
    height:auto;
    width:expression(this.width > 500 ? "500px" : this.width);
}

这段CSS代码可以让图片在超过规定的宽度时,自动缩小,并且是按比例缩小,不会造成图片变形,我们把它加在WordPress主题的CSS中即可。

PS:CSS expression占用CPU大,如果用户机器差,打开一张巨图,肯定死翘翹。。。

无觅相关文章插件,快速提升流量

发表评论

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

*

您可以使用这些 HTML 标签和属性: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>