关于WordPress图片显示的正常大小问题
摘要:在wordpress模板中发布和添加图片媒体时,时长可能出现两种问题,图片过大,只展示部分超出了范围,还…
摘要:在wordpress模板中发布和添加图片媒体时,时长可能出现两种问题,图片过大,只展示部分超出了范围,还有另一种是图片成…
在wordpress模板中发布和添加图片媒体时,时长可能出现两种问题,图片过大,只展示部分超出了范围,还有另一种是图片成倍放大占满整个文章内容页面,这都是在模版开发时容易忽略的小问题。
解决方法如下
1
2
3
4
5
|
img {
border: 0;
max–width: 100%;
height:auto
}
|
可以通过wordpress外观-编辑-样式表,来调整style.css,在img样式定义中加上一行max-width:100%就好了。
当然有些theme中没有直接定义img样式,可能会有.post img{}之类的样式,这时也加在里面就ok了。
还有一些theme中的style.css中压根就没有img{}等样式定义,就直接加上一段吧:
1
2
3
4
5
|
p img {
padding: 0;
max–width: 100%;
height:auto
}
|
Firefox往往能正常解析max-width: 100%;这一句,自动限制图片显示大小,但IE不行。
解决方法:在线编辑,在p img{}里再加一行:
1
|
width: 450px;
|
450px是firefox里显示max-width: 100%;的最佳大小,就把它定义成这个了,刷新IE后就可以发现效果和firefox一样了。
类别:WordPress教程、
本文收集自互联网,转载请注明来源。
如有侵权,请联系 wper_net@163.com 删除。
还没有任何评论,赶紧来占个楼吧!