首页 > 营销学院 > 技术知识

织梦手机端内容页图片不能自适应的解决办法！_织梦CMS教程

*近在优化运营网站的时候，发现了一个问题：织梦DedeCMS响应式模板，手机端文章内容页图片不能自适应!这给通过手机端浏览网站的用户造成了很不好的用户体验，所以，必须要整改。今天就给大家介绍一下“织梦DedeCMS手机端文章内容页图片不能自适应的解决办法!”，希望对大家有帮助!

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

当时我通过手机端去浏览网站的收录情况，点击进去后发现图片只显示了一部分，另一部分被隐藏掉了。本来一张好好的图片，只显示一半，在视觉上造成了很差的用户体验。为了解决这个问题，我查了很多资料，并*终完美的解决了该问题。大量的资料表明，手机端图片不能自适应，主要的原因在于css样式上。一般来说，前端设计模板的时候会给图片设置固定的宽、高，这个宽高往往是针对电脑屏幕设计的。但是，手机显示屏远远小于电脑屏幕，一旦图片宽高固定且图片宽高大于手机显示屏的话，就会出现手机端只显示图片一部分的情况。

解决这个问题，只要能够做到让文章内容页图片跟随显示设备屏幕的大小变化，自动等比缩放即可。让图片在手机端的宽度显示100%，高度自动缩放则可完美解决这个问题。具体代码如下：

假如你的文章内容页图片节点如下：

找到图片节点对图片样式进行修改。 .test img{width: 100% ; height:auto !important;}把这段css放到样式表中，就完美的解决了织梦DedeCMS手机端文章内容页图片不能自适应的问题。

# 重庆南川微信营销推广 # 解决办法 # 内蒙古网站优化外包 # 海南seo营销推荐企业 # 陕西省seo霸屏 # 如何在百度网站推广 # 房地产营销推广全案 # 宁乡抖音营销推广与优化 # 岳阳推广全网营销内容 # 水溶肥网站建设专卖 # 云浮抖音推广营销好做吗 # 就给 # 轻食怎么推广营销活动 # 主题搜索关键词排名 # 网站优化找哪家专业做好 # 云南数字人营销推广找谁 # 馆陶营销推广网招聘电话 # 什么叫做网站推广呢知乎 # 福州网站建设与设计公司 # 合肥网站建设招商加盟 # 加号图标网站建设 # 安国如何优化网站 # 这段 # 织梦CMS教程 # 织梦手机端 # 自适应 # 只显示 # 解决这个问题 # 造成了 # 后期 # 发现了 # 解决了 # 就会 # 织梦手机端内容页图片不能自适应的解决办法！ # 采用了 # 掉了 # 考虑到 # 好好的 # 在对 # 会给 # 一个问题 # 则可 # 介绍一下