您现在的位置是：首页 > cms教程 > DedeCMS教程DedeCMS教程
dedecms手机wap网站图片自适应的bug修复
忆翠2023-09-19DedeCMS教程已有人查阅
导读在安装调试代码号手机版网站的时候，发现一个问题，图片无法很好的适应屏幕，宽度可以与屏幕同宽，而高度却没有按比例调整，导致图片看起来像被挤扁了一样，为什么会这样呢？
在安装调试代码号手机版网站的时候，发现一个问题，图片无法很好的适应屏幕，宽度可以与屏幕同宽，而高度却没有按比例调整，导致图片看起来像被挤扁了一样，为什么会这样呢？
一般为了要达到图片自适应屏幕宽度的目的，我们在img标签的样式中定义max-width:百%;height:auto;就可以了，可是这次设置了也没有效果。
没办法，由于用手机无法查看源代码，所以就在电脑上打开网站，然后查看源代码，发现文章中的图片还是保留了PC网页img标签原有的格式设定没有过滤掉，从而导致css文件中设置的img样式无效。
手机网站一般都会把文章的HTML进行修改，去掉一些复杂的样式，完成这些操作的代码是在wap.inc.php文件。
打开wap.inc.php看了一下，发现了问题。由于要过滤掉复杂的html标示，但是还需要保留图片，所以在过滤的时候，先把整个img标签给替代掉了，等过滤完之后，又替代回来，这样就导致了img标签里面的style 无法被过滤。
原因找到了，办法也很简单，我们只需在之后输出的时候过滤掉style=“”里面的信息，就可以让我们的自适应样式设定生效了。在/include/wap.inc.php中添加这句代码（红字部分）：
一般为了要达到图片自适应屏幕宽度的目的，我们在img标签的样式中定义max-width:百%;height:auto;就可以了，可是这次设置了也没有效果。
没办法，由于用手机无法查看源代码，所以就在电脑上打开网站，然后查看源代码，发现文章中的图片还是保留了PC网页img标签原有的格式设定没有过滤掉，从而导致css文件中设置的img样式无效。
手机网站一般都会把文章的HTML进行修改，去掉一些复杂的样式，完成这些操作的代码是在wap.inc.php文件。
打开wap.inc.php看了一下，发现了问题。由于要过滤掉复杂的html标示，但是还需要保留图片，所以在过滤的时候，先把整个img标签给替代掉了，等过滤完之后，又替代回来，这样就导致了img标签里面的style 无法被过滤。
原因找到了，办法也很简单，我们只需在之后输出的时候过滤掉style=“”里面的信息，就可以让我们的自适应样式设定生效了。在/include/wap.inc.php中添加这句代码（红字部分）：
$content = preg_replace("/style=.+?[*|\"]/i", "", $content);
$content = preg_replace("/&[a-z]{3,10};/isU", ' ', $content);
return $content;
修改完之后保存，再开启页面的时候，查看源代码，style标签的内容已经被过滤掉了，图片已经按比例缩小，不会出现比例失调的状况了。
感谢您的认可和支持
微信
支付宝
本文标签：
很赞哦！ ()
相关教程
图文教程
dedecms系统参数设置手册附件设置教程
本篇主要是织梦模板 V5.3系统参数设置手册之附件设置相关内容。缩略图默认宽度(cfg_ddimg_width)：系统上传缩略图默认宽度缩略图默认高度
按文章来源统计织梦文章数量的实现方法
今日看到有人提出想要按文章来源统计文章数量的功能，好长时间没人答复和解决，我也需要这个模块，所以拿[落梦天蝎（beluckly）]的文档统计插件自己搞了一个，请高手指点！
织梦dedecms提示“数据校验不对”错误的修复方法
Dedecms提示“数据校验不对”是因为我们在进行隐藏表单值进行比较时出现的md5验证错误所提示了，这个做法也是安全所需要了
dedecms5.7导航菜单高亮自动判断所在栏目效果
要求在网站的子页面中时，主菜单显示其所在栏目。然后鼠标上去到新闻资讯页后，鼠标离开以上效果直接使用同一个head.htm文件引用实现，力求最简，考虑过循环的方式
相关源码
-
pbootcms模板(PC+WAP)APP应用软件下载类官网源码为APP应用软件官网打造的响应式解决方案，PC端与移动端(WAP)数据实时同步，一次更新全网生效，满足多终端用户无缝体验需求。查看源码 -
(PC+WAP)五金机械设备营销型模板下载带在线留言为机械设备制造商设计的营销型模板，集成产品参数对比系统、产品展示模块和询价管理功能。采用PbootCMS开发内核，PHP7+运行环境。手工编写语义化HTML5结构，CSS3动画优化交互体验。查看源码 -
粉色家政月嫂保姆公司pbootcms网站模板(PC+WAP)为家政服务、月嫂保姆企业打造的营销型解决方案，基于PbootCMS内核开发，采用温馨粉色主题传递行业温度。PHP7.0+高性能架构支持SQLite/MySQL双数据库查看源码 -
(PC+WAP)蓝色新能源环保太阳能光伏模板pbootcms下载新能源环保行业网站解决方案为太阳能光伏系统企业打造的专业网站模板，助力新能源企业高效展示产品与服务PbootCMS内核开发，源码开放可修改PC与手机端自适应设计查看源码 -
(自适应)家禽饲养养殖基地pbootcms模板响应式模板下载为家禽饲养企业、养殖基地设计的响应式网站模板，聚焦畜禽产品展示、养殖技术分享及企业信息服务。采用PbootCMS内核开发，响应式技术确保PC与手机端数据实时同步查看源码 -
自适应黑色建筑装饰设计公司个人工作室pbootcms模板基于PbootCMS内核开发的黑金风格模板，为建筑装饰、工程设计类企业打造，采用开源架构，支持跨行业快速适配，核心优势如下： 查看源码
| 分享笔记 （共有 篇笔记） |
