1. 首页
  2. 技术

wordpress文章中图片过大超出显示范围怎么办,怎样自动调整大小

新站了个站,主题很漂亮,就是代码有点乱,发布产品后图片直接显示原尺寸,导致图片溢出显示区域,困扰了多天,今天终于解决了,以下是解决方法

有使用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一样了。

原创文章,作者:优众博客,如若转载,请注明出处:https://www.uzkj.com/jisu/1490.html

发表评论

电子邮件地址不会被公开。

此站点使用Akismet来减少垃圾评论。了解我们如何处理您的评论数据

联系我们

在线咨询:点击这里给我发消息

邮件:2630998878@qq.com

工作时间:周一至周五,9:30-18:30,节假日休息