网页特效代码_站长素材站移动版

DeDecms教程

主页 > CMS教程 > DeDecms教程 >

Dedecms手机站图片实现高度自适应的方法

  最近我做一个手机站的时候出现了个自适应问题

  当手机站的加入

<meta name="viewport" content="width=device-width, initial-scale=1">
  这段代码的时候自适应已经实现,可以自动扩大和缩小,但是文章页,的文章内容里的图片因为是后台添加的,后台会自动加上style=width:100px; heidht:80px;” 或者heidht=80”

  测试自适应的时候宽度已经自动缩小,但是高度不变!显示错误的效果为:

Dedecms手机站图片实现高度自适应的方法

  下面是解决办法:

  找到 include/arc.archives.class.php 用DW或者其他工具打开后

  找到以下代码

//设置全局环境变量
$this->Fields['typename'] = $this->TypeLink->TypeInfos['typename'];
@SetSysEnv($this->Fields['typeid'],$this->Fields['typename'],
$this->Fields['id'],$this->Fields['title'],'archives');
  在这段代码下面添加:
//替换图片Alt为文档标题
$this->Fields['body'] = str_ireplace(array('alt=""','alt='''),'',$this->Fields['body']);
$this->Fields['body'] = preg_replace("@ [s]{0,}alt[s]{0,}=["'s]{0,}[sS]{0,}["'s]@isU"," ",$this->Fields['body']);
$this->Fields['body'] = str_ireplace("<img " ,"<img alt="".$this->Fields['title'].""",$this->Fields['body']);
//屏蔽height属性
$this->Fields['body'] = preg_replace('/<img(.+?)height:(.+?) (.+?)">/i',"<img$1$3>",$this->Fields['body']);
$this->Fields['body'] = preg_replace('/<img(.+?)height=(.+?) (.+?)>/i',"<img$1$3>",$this->Fields['body']);
(责任编辑:admin)

    468x60