欢迎来到六久阁织梦模板网!
织梦手机端内容页图片不能自适应的解决办法!

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

浏览次数: 0

作者: 六久阁织梦模板网

信息来源: 六久阁

更新日期: 2021-07-21

文章简介

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

  • 正文开始
  • 热门文章

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


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


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


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


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

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


织梦二次开发QQ群

本站客服QQ号:862782808(点击左边QQ号交流),群号(383578617) DedeCMS织梦教程QQ群 如果您有任何织梦问题,请把问题发到群里,阁主将为您写解决教程!

转载请注明: 织梦模板 » 织梦手机端内容页图片不能自适应的解决办法!

标签:
  • 织梦dedecms手机站m目录下不生成index.html实现动态更新
    阅读
    用 织梦建站 会手机站首页不更新的苦恼,每次 PC 更新,要去删除 m 目录下的 index.html ,手机站首页才会更新,这样很麻烦,通过以下修改,让手机站首页是动态的,不生成 index.html , PC 端更新后,手机端首页自动更新。 把 \m\index.php 里面的 $row[sho...
  • 织梦Fatal error: Call to undefined function make_hash() in /dede/sys_info.php on line 201的解决方法
    阅读
    织梦系统安装好后,进入后台,出现Fatal error: Call to undefined function make_hash() in /dede/sys_info.php on line 201 一般出现这个问题是因为升级网站引起的。我们可以直接把错误提示这段代码删除或者屏蔽就行了。 打开/dede/sys_info.php,找到201...
  • 织梦Dedecms 5.7 火车头采集免登陆发布接口适配PHP7.X插件
    阅读
    最近有粉丝说,之前用的火车头发布文章时,用免登陆接口在PHP7.0环境中显示空白,于是今天抽空更新了一下插件(话说,DedeCms早期版本无法在PHP7.X运行,用最新版的!),那么接下来的代码就是插件发布模块无须变更,只需要变更接口插件就可以了 ?php/*/////...
  • 织梦dedecms提交自定义表单后发送到指定邮箱
    阅读
    网上很多教程都是用 dedecms 自带的邮件库发送邮件,而且是写死要发送的字段内容,今天我们用 phpmailer 来给站长发送自定义表单提交的数据到指定邮箱上 (QQ 邮箱, 163 邮箱都可以 ) ,不写死任何东西,有什么字段就提交发送什么字段。 操作之前,我们要先...
  • 织梦dedecms系统多城市分站功能开发思路
    阅读
    当前很多人用织梦dedecms系统建站,多城市分站对地方性长尾关键词和全国市场的推广有着很大的帮助,今天和大家分享下如何实现织梦dedecms系统多城市分站功能。 方法/步骤 织梦dede城市分站有三种方法: 第一种是建立N多个模板,有多少个城市建立多少个模板,...
  • 织梦dedecms网站添加打赏功能
    阅读
    有时我们看到别人家的织梦dedecms网站有打赏功能,是不是羡慕嫉妒恨呢?今天我来给大家讲讲织梦网站怎么添加支付宝、微信打赏功能。 二、首先登陆畅言后台(没有畅言账号的首先注册账号) 三、进入后台,找到实验室--打赏 四、设置配置信息,保存。 五、复制...
  • dedecms织梦ckplayer视频播放器插件详细安装教程
    阅读
    织梦 ckplayer 视频播放器插件安装步骤: 第一步、下载安装插件。下载地址:点击此处 将下载下来的压缩包中的相应编码的模块文件解压出来再上传到织梦程序的 data/module/ 文件夹内或者直接在后台模块管理菜单里面选择上传新模块安装即可。如下图: 1.1 )上...
  • 织梦火车头采集免登陆接口采集文章后自动更新栏目、首页、文章页,实现自动化采集
    阅读
    最近用织梦dedecms程序采集文章时候,发现每次采集都要去后台更新一下文章、栏目、上下篇以及首页,操作起来真心麻烦,后面在网上收集了一些代码以及经过自己调试,发现居然可以自动更新文章页以及栏目、首页。真心爽,这样子就能稳稳的挂机采集了哈。这是免...
  • 织梦5.7火车头免登陆文章发布模块采集后自动更新织梦整站
    阅读
    织梦5.7火车头免登陆文章发布模块采集后自动更新织梦整站详细步骤: 1、下载文档后,把DedeCMS免登陆接口文章发布模块DedeCMS 5.7 免登陆接口文章发布模块.wpm复制到火车头采集规则文件夹Module下; 2、选择您网站对应的接口文件.如您网站是gbk编码,请选择 g...
  • 织梦获取当前栏目id并判断使当前导航栏目高亮
    阅读
    织梦导航栏目高亮代码如下: {dede:field name=typeid runphp=yes} if(@me==8) @me=1; else @me=0; {/dede:field} 导航的写法, 比如:lia href={dede:type typeid=7}[field:typelink /]{/dede:type} {dede:field name=typeid runphp=yes} if(@me==7) @me=cl...
收藏此文 打赏本站

如本文对您有帮助,就请六久阁织梦模板网抽根烟吧!

  • 支付宝打赏
    支付宝扫描打赏
    微信打赏
    微信扫描打赏
织梦安装插件出现上传的模块中存在恶意代码无法安装插件解决方法
« 上一篇 2021年07月31日
织梦自带采集图片路径怎么按月存放
下一篇 » 2021年07月21日

精彩评论

有问题在这里提问,阁主会为你解决!
  • 全部评论(0
    还没有评论,快来抢沙发吧!
推荐织梦插件更多
更新时间:2017-08-19

人已经看过了!

更新时间:2018-05-25

人已经看过了!

更新时间:2019-07-25

人已经看过了!

更新时间:2019-07-30

人已经看过了!

更新时间:2018-12-19

人已经看过了!

更新时间:2019-05-28

人已经看过了!

推荐精品模板更多
响应式装修室内设计织梦模板(自适应手机端)
更新时间:2019-11-11

人已经看过了!

律师事务所网站织梦dede模板(中英双语自适应模板)
更新时间:2019-11-07

人已经看过了!

绿色园林景观设计企业响应式织梦模板
更新时间:2019-11-07

人已经看过了!

漂亮清爽的织梦会员中心模板带推广邀请发布文章
更新时间:2017-10-24

人已经看过了!

营销型绿色塑料制品类织梦模板(带手机端)
更新时间:2019-11-10

人已经看过了!

橙黄色机械设备企业营销型织梦模板+测试数据
更新时间:2017-08-19

人已经看过了!