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

阿里云爆款云主机

安全、稳定、快速。限时优惠,低至3折

现在购买

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

今天测试一款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

1 + 2 =
  1. #2

    还是一样

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

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

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

长按图片转发给朋友

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

支付宝扫一扫打赏

微信扫一扫打赏

阿里云主机爆款活动
云服务器全场2折起,活动期间,用户通过本活动页面购买指定云产品,可享受相应的优惠折扣同一用户限购1单。
切换注册

登录

忘记密码 ?

切换登录

注册