wordpress文章页图片宽度自适应的CSS代码设置

阿里云双十一活动

云服务器低至86元/年

立刻拼团

声明:本站文章多为楚狂人原创,偶尔网络转载部分内容,如有侵权请联系我们!

今天测试一款wordpress主题时,由于主题没有设定文章页图片宽度自适应,造成在文章插入图片时,由于图片比较大撑开了左边栏,出界了。研究一晚上,请教了几个朋友,有高手教我修改CSS解决了这个问题。好方法就共享出来了:

.entry img { 

max-width: 400px; 

width: expression(this.width > 400 ? "400px": (this.width+"px"));height:auto;

}

在后台仪表盘找到style.css,按ctrl+f键,找到entry,在entry下面添加以下代码:
其中的400就是要文章内容的宽度。(注:因为这个主题比较特别,所示宽度是400,大家可以根据自己主题的情况设置。

转载请注明:作者:楚狂人, 转载或复制请以 超链接形式 并注明出处 楚狂人博客
原文地址:《wordpress文章页图片宽度自适应的CSS代码设置》 发布于2013-03-11

分享到:
赞(0) 打赏

评论 2

6 + 3 =
  1. #2

    还是一样

    十束先生5年前 (2015-03-03)回复
  2. #1

    为何我试了不行呢。我的主题。IE行不通。

    Bench5年前 (2014-10-17)回复
wordpress文章页图片宽度自适应的CSS代码设置

长按图片转发给朋友

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏

每天拆双十一超级红包
双十一超级红包 1111

知道创宇云安全
切换登录

注册