织梦DedeCMS手机端文章内容页图片不能自适应的解决办法

  • A+
所属分类:DedeCms建站

之前做网站的时候,考虑到移动流量占比会越来越大的因素,我采用了响应式模板。这样一套模板下来,既有了pc站也有了手机站,省去了后期单独建手机站的麻烦。在对模板进行大量的修改和优化后,网站正式上线了。在后期的运营过程中,才发现了手机端内容页图片不能自适应的问题。

当时我通过手机端去浏览网站的收录情况,点击进去后发现图片只显示了一部分,另一部分被隐藏掉了。本来一张好好的图片,只显示一半,在视觉上造成了很差的用户体验。为了解决这个问题,我查了很多资料,并最终完美的解决了该问题。

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

解决方法一:

加入控制样式:

  1. <style>.con img{width: 100% !important; height:auto !important;}</style>

标签示例代码:

  1. <div class="con">
  2. <p>{dede:field name='body'/}</p>
  3. </div>

解决方法二:

修改PHP系统文件:include/ arc.archives.class.php,查找代码:

  1. //设置全局环境变量
  2. $this->Fields['typename'] = $this->TypeLink->TypeInfos['typename'];
  3. @SetSysEnv($this->Fields['typeid'],$this->Fields['typename'],$this->Fields['id'],$this->Fields['title'],'archives');

在它的下面添加一下代码:

  1. //去掉img的width和height
  2. $this->Fields['body'] = preg_replace("/style=\"width\:(.*)\"/","",$this->Fields['body']);

保存上传替换文件,然后生成,再查看源代码,我们会发现,自带的图片width和height属性 被成功的去掉了。以上是对“织梦DedeCMS手机端文章内容页图片不能自适应的解决办法!”的相关介绍,这是本人亲测、完全可行的方法。如果你的手机站图片不能自适应,可以尝试这种方法自行解决问题。

  • 我的微信
  • 技术咨询
  • weinxin
  • 微信公众号
  • 营销技巧分享
  • weinxin
马找钱

发表评论

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