首页 > 科技 > 互联网 > 正文

织梦文章图片手机版自适应

文章来源:凤凰网
字体:
发布时间:2015-03-24 10:13:55

 dede在采集图片,或者直接复制图片到发布框中时,经常会出现图片宽度超出页面宽度,或者不显示,或者撑破页面的现象。

笔者经过仔细研究,综合了网上几个示例的优点,总结出一套办法,希望对大家有用。 本方法特点: 1、自动调整文章内容中大图片最大宽度,不影响小图片的宽度。 2、不影响文章内容外的其它内容。 方法如下: 在文章发布模板中,“{dede:field.body /} ”上下进行如下更改(红色为添加内容)

<div class="content">

  {dede:field.body /}
< /div>

然后在模板style.css中添加如下内容(加到最后即可)

.content img{
max-height:1500px;
max-width:630px;
width:expression_r((this.width > 630 && this.width > this.height) ? '630px': this.width+'px');
height:expression_r((this.height > 1500 && this.height > this.width) ? '1500px': this.height+'px');
float:middle;