织梦DedeCMS手机站内容页图片不能自适应,解决办法亲测可行

2019-03-3016:36:12网站建设与开发Comments2,253 views字数 770阅读模式

手机站如果是自适应的,图片就不能有宽高限制,添加文章图片时很多时候都会有width height style,在手机站上要把它们清除,又不能影响电脑站的。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/10819.html

我们在做响应式网站或者织梦M功能手机站的时候,会发现如果内容页图片太大,在移动端显示会变形,dede手机端图片过长等问题,手机端文章内容页图片不能自适应!这给通过手机端浏览网站的用户造成了很不好的用户体验,所以,必须要整改。今天就给大家介绍一下“织梦DedeCMS手机端文章内容页图片不能自适应的解决办法!”,希望对大家有帮助!文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/10819.html

文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/10819.html

解决方案一:文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/10819.html

织梦DedeCMS手机站内容页图片不能自适应,解决办法亲测可行
以上代码的你们自己打了,博客会过滤掉css代码样式;文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/10819.html

解决方案二:文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/10819.html

修改PHP系统文件:include/ arc.archives.class.php,查找代码:文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/10819.html

//设置全局环境变量文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/10819.html

$this->Fields['typename'] = $this->TypeLink->TypeInfos['typename'];文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/10819.html

@SetSysEnv($this->Fields['typeid'],$this->Fields['typename'],$this->Fields['id'],$this->Fields['title'],'archives');文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/10819.html

文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/10819.html

在其下面填写:文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/10819.html

//去掉img的width和height文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/10819.html

$this->Fields['body'] = preg_replace("/style=\"width\:(.*)\"/","",$this->Fields['body']);文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/10819.html

保存上传替换文件,然后生成,再查看源代码,我们会发现,自带的图片width和height属性 被成功的去掉了。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/10819.html

以上是对“织梦DedeCMS手机端文章内容页图片不能自适应的解决办法!”的相关介绍,这是本人亲测、完全可行的方法。如果你的手机站图片不能自适应,可以尝试这种方法自行解决问题。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/10819.html

  • 本站内容整理自互联网,仅提供信息存储空间服务,以方便学习之用。如对文章、图片、字体等版权有疑问,请在下方留言,管理员看到后,将第一时间进行处理。
  • 转载请务必保留本文链接:https://www.cainiaoxueyuan.com/cms/10819.html

Comment

匿名网友 填写信息

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

确定