欢迎来到懒人模板!我们专注移动互联网,所有模板永久免费下载!
  • 首 页
  • 解决织梦dedecms手机端文章页图片被压扁或拉长的问题

    2018-05-03 10:53 来源/作者:懒人模板 分类:dedecms教程  « »
      用dedecms系统做手机版网站的时候,发现一个问题,图片无法很好的适应屏幕,宽度可以与屏幕同宽,而高度却没有按比例调整,导致图片看起来像被挤扁了一样,一般为了要达到图片自适应屏幕宽度的目的,我们在img标签的样式中定义max-width:100%;height:auto;就可以了,但是还是没有效果,查看手机页面代码,发现图片样式还是显示dedecms默认图片样式。这样才会我们设置自适应屏幕样式没有生效。解决方案其实很简单,只需要如下修改操作就可以了:
      
    需要修改article_image_m.htm,通过preg_replace函数过滤图片的style标签。在需要修改的模板文件里,


    查找{dede:field.body/} 修改为 {dede:field.body function=”preg_replace(‘/style=.+?[*|\”]/i’,”, @me)”/}

    修改完之后保存就可以了。

    点击扫描效果预览免费下载免登陆网盘下载
    标签:
    * 懒人模板承诺:本站所有资源免费下载,无病毒,无弹窗,无干扰链接! 提点建议