手把手教你如何修改CSS实现WordPress图片自适应大小

今天在发布新文章时发现上传的图片太宽了导致整个页面变形,chome浏览器可以正常显示,而世界之窗和IE都不能正常显示不能自适应图片的大小来调整。研究了很久,上网找了很多资料才研究出解决方法,现在共享给大家。
打开当前主题目录下的style.css文件找到img:如下
img {
max-width: 780px;
width: expression(this.width > 780 ?"780px": (this.width+"px"));
 
第一行:修改max-width值,这个是固定图片的最大宽度不超过所设置的值,这个值根据你自己设置的页面大小来调整。
第二行:这个参数只对Firefox、Opera,chome等浏览器有效,限制对象的最大宽度为780px。但是此代码对IE无效,为了让代码在IE中也发挥应有的作用,也能限制对象宽度。所以增加这行代码确保所有浏览器都能自适应。
这样你的wordpress发布的图片不论在什么类型的浏览器上都会自适应去调整图片大小 。希望本文对大家解决此问题有所帮助。

weinxin
DC Farm小程序二维码
扫一扫添加博客小程序
Jim

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: