织梦无忧官网,专业提供织梦模板,dede模板,dede源码,网页模板等dede织梦相关模板源码

网站地图 [签到送金币] 登录后台 登录 登录后台 注册 QQ登录
新会员开通,直接进入会员中心--购买会员--直接开通即可。 终身 280(99)双12活动活动大促 老会员 月vip或者年会员联系站长qq:379144319 补差价,管理员后台开通。 老会员 终身会员联系站长qq:379144319,多赠送500无忧币

dede织梦模板数量:1537个 今日更新:104个 本月更新:2769 个 {网站模板每天晚上集中更新}

服务中心

织梦dede源码手机端文章内容图片设置自适应屏幕的方法

日期:2018-11-27 12:02

您的打赏帮助我们变得更好,谢谢支持!
打赏
织梦dedecms默认的文章内容里面的图片是固定大小的,这样在手机端里面就可能会导致图片不能完整显示,甚至把屏幕撑开,这样非常不友好,所以这里就给大家分享一个方法,让手机端的文章内容里面的图片能够自适应图片大小。
 
方法如下:
 
找到并打开手机端的文章内容页模板,将里面的{dede:field.body/}标签修改一下,改为如下的标签:
  1. {dede:field.body runphp=yes}
  2. global $cfg_basehost;
  3. $str = @me;
  4. $search = '/(<img.*?)width=(["\'])?.*?(?(2)\2|\s)([^>]+>)/is';
  5. $search1 = '/(<img.*?)height=(["\'])?.*?(?(2)\2|\s)([^>]+>)/is';
  6. $search2 = '#(<img.*?style=".*?)width:\d+px;([^"]*?.*?>)#i';
  7. $search3 = '#(<img.*?style=".*?)height:\d+px;([^"]*?.*?>)#i';
  8. $content = preg_replace($search,'$1$3',$str);
  9. $content = preg_replace($search1,'$1$3',$content);
  10. $content = preg_replace($search2,'$1$2',$content);
  11. $content = preg_replace($search3,'$1$2',$content);
  12. @me = $content;
  13. //@me = str_replace('/uploads/allimg/', $cfg_basehost.'/uploads/allimg/', $content);//手机版图片使用绝对路径
  14. {/dede:field.body}
也就是通过php代码将文章内容里面的图片标签的宽度高度全部去掉,这样就可以了。

还有一个简单的方法直接替换文件:http://www.2l3.net/help/modify/488.html