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

网站地图 [签到送金币] 登录后台 登录 登录后台 注册 QQ登录
织梦无忧,用心做好源码!7年品牌,值得信赖! 织梦无忧,个个精品,宁缺毋滥!每月购买不少于3000元精品源码免费分享,早开通,早享受!众人拾柴火焰高,您有好的源码不要浪费,可以换VIP哦!本网站推出商业广告发贴区,但仅限VIP会员发布!新会员开通,直接进入会员中心--购买会员--直接开通即可。

dede织梦模板数量:1891个 今日更新:81个 本月更新:373 个dede数据 {网站模板每天晚上集中更新}

服务中心

织梦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