首页 » 建站技术 » WordPress » 浏览内容

WordPress图片显示大小自动适应


2012-06-09 11:01:26 2,544 0 发表评论 字体: 作者:C.K.

体验版 88 元,个人版 128 元,多用户版 288元个人版160元升级到多用户版。

在某些WordPress主题模板中,发布的图片可能因为尺寸过大而无法完全显示或者超出模板范围,这样页面显得很不美观,但是WordPress自带的主题模板没有这样的问题。

对比了下default theme与其它theme,发现default theme的style.css中的定义是这样的。

img {
border: 0;
max-width: 100%;
}

可以在线编辑style.css,在img样式定义中加上一行max-width:100%就好了。

当然有些theme中没有直接定义img样式,可能会有.post img{}之类的样式,这时也加在里面就ok了。

还有一些theme中的style.css中压根就没有img{}等样式定义,就直接加上一段吧:

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

Firefox往往能正常解析max-width: 100%;这一句,自动限制图片显示大小,但IE不行。

解决方法:在线编辑,在p img{}里再加一行:

width: 450px;

450px是firefox里显示max-width: 100%;的最佳大小,就把它定义成这个了,刷新IE后就可以发现效果和firefox一样了。

    网站统计 Statistics

    • 创建时间: 2005年1月3日 距今4764 天
    • 日志总数: 2461
    • 评论总数: 630
    • 标签总数: 654
    • 链接总数: 273
    • 最后更新: 2017-7-1 18:16:33
    • 您是本站第 13199027 位访客

    广告区 Guǎng Gào