首页 > 移动运营 > 手机建站 > dedecms教程 > 解决织梦dedecms手机端文章页图片被压扁或拉长的问题

解决织梦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)”/}

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

模板简介:该模板名称为【解决织梦dedecms手机端文章页图片被压扁或拉长的问题】,大小是,文档格式为.,推荐使用打开,作品中的图片,文字等数据均可修改,图片请在作品中选中图片替换即可,文字修改直接点击文字修改即可,您也可以新增或修改作品中的内容,该模板来自用户分享,如有侵权行为请联系网站客服处理。欢迎来懒人模板【dedecms教程】栏目查找您需要的精美模板。

相关搜索
  • 下载密码 lanrenmb
  • 下载次数 24,871次
  • 使用软件
  • 文件格式
  • 文件大小
  • 上传时间 05-03
  • 作者 网友投稿
  • 肖像权 人物画像及字体仅供参考
栏目分类 更多 >
  • 移动业界
  • 移动应用
  • 手机建站
  • 移动搜索
  • 热门推荐 更多 >
    微信公众平台 响应式 自适应 企业网站 微信文章 微信素材 单页式简历模板 微信模板 html5 微信图片
    您可能会喜欢的其他模板