交流

织梦DedeCMS手机wap网站图片不自适应解决办法

字号+ 作者:网络 来源:网络自媒体 2019-08-05 11:58 我要留言(文明理性) 人气:

在安装调试跟版网手机版网站的时候,发现一个问题,图片无法很好的适应屏幕,宽度可以与屏幕同宽,而高度却没有按比例调整,导致图片看起来像被挤扁了一样,为什么......

在安装调试跟版网手机版网站的时候,发现一个问题,图片无法很好的适应屏幕,宽度可以与屏幕同宽,而高度却没有按比例调整,导致图片看起来像被挤扁了一样,为什么会这样呢?

一般为了要达到图片自适应屏幕宽度的目的,我们在img标签的样式中定义max-width:100%;height:auto;就可以了,可是这次设置了也没有效果

没办法,由于用手机无法查看源代码,所以就在电脑上打开网站,然后查看源代码,发现文章中的图片还是保留了PC网页img标签原有的格式设定没有过滤掉,从而导致css文件中设置的img样式无效。如下图:

织梦DedeCMS手机wap网站图片不自适应解决办法

手机网站一般都会把文章的HTML进行修改,去掉一些复杂的样式,完成这些操作的代码是在wap.inc.php文件。

打开wap.inc.php看了一下,发现了问题。由于要过滤掉复杂的html标示,但是还需要保留图片,所以在过滤的时候,先把整个img标签给替代掉了,等过滤完之后,又替代回来,这样就导致了img标签里面的style 无法被过滤。

原因找到了,办法也很简单,我们只需在最后输出的时候过滤掉style=“”里面的信息,就可以让我们的自适应样式设定生效了。在/include/wap.inc.php中添加这句代码(红字部分):

58行

$content = preg_replace("/style=.+?[*|\"]/i", "", $content);

$content = preg_replace("/&[a-z]{3,10};/isU", ' ', $content);        

return $content;

修改完之后保存,再开启页面的时候,查看源代码,style标签的内容已经被过滤掉了,图片已经按比例缩小,不会出现比例失调的状况了。

织梦DedeCMS手机wap网站图片不自适应解决办法

另一种方法

 

1、找到dede/article_add.php这个文件;

2、搜索以下代码

$body = AnalyseHtmlBody($body,$description,$litpic,$keywords,‘htmltext’);

3、在这句代码的下面加上这两句(注意标点符号的格式)

//去除img中的style属性

$body = preg_replace(“/style=\\\.+?[‘|\”]/i“,’‘,$body);

//去除img中的width,height属性

$exp=Array(”/height=。{0,5}\s/i“,”/width=。{0,5}\s/i“); $exp_o=Array(’‘,’‘); $body = preg_replace($exp,$exp_o,$body);

织梦去除img中的style属性就是这么简单,只需要把这段代码复制进去,但是有个问题就是,如果你已经更新过的文章,是没办法通过这段代码去删除的,因为已经写入了数据库,还有一个就是当你删除了img中style属性,更新文章之后,如果原本你设置图片是居中的,那么现在的图片是居左的,如果你不想每次都手动去更改的话,可以设置图片的css样式,让它居中。

>上一篇:织梦dedecms怎么统计动态手机移动端网站浏览量次数,并与PC端同步显示 >下一篇:没有了

以上内容仅代表作者本人,我们仅提供网络储存空间服务,若有侵权或错误请及时联系客服修改删除。

文章标题:“织梦DedeCMS手机wap网站图片不自适应解决办法”,链接地址:http://www.020going.com/a/kuaibao/jiaoliu/371.html

欢迎在下方留言评论发表意见观点!(留言礼品抽奖大派送,请准确填写您的E-mail地址,难说中了呢~)

说点什么吧~(留言必须填写你的常用E-MAIL地址哦)
  • 全部评论(0

今日悦读推荐(按ctrl+D收藏吧)

  • 》APP更新情报:高德地图10.0全新改版一键直达,嘀嗒出行增加自助账号注销功能
  • 》男孩和女孩-爱情需要理解
  • 》硬盘存储双寡头之争 希捷重注中国市场或赢大丰收
  • 》5000大军整整齐齐排队,这样的大场面真没见过鸭!
  • 》曾国藩人再穷,这三方面也要舍得花钱,若明白可能就会时来运转
  • 》连接一切的背后是控制一切,微信卡在了自我构筑的高墙上
  • 》2015 CES:物联网尖儿货盘点
  • 》不只是淘宝,美国市场为何同样假货泛滥
  • 》2019仙女裙不流行了,“初恋裙”才真时髦!
  • 》程序猿:分享收集的计算机内功修炼的经典资源,希望对大家提升内功有所帮助
  • 》为快乐健身健康减肥而生-小G2代初体验
  • 》苹果创新推出SiriOS,疑似抗衡亚马逊及谷歌语音助手
  • 1.本站行业规范,转载的稿件都标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创行为我们将追究责任;3.根据国家法规和各合作网站管理细则,作者投稿可能会经我们编辑修改或补充。4.欢迎爆料推稿、软文代发代写、引流吸粉等推广合作(客服邮箱:mygoing@qq.com,微信:280062218)

    相关文章
    • 织梦dedecms怎么统计动态手机移动端网站浏览量次数,并与PC端同步显示

      织梦dedecms怎么统计动态手机移动端网站浏览量次数,并与PC端同步显

      2019-08-03 15:19

    • 织梦网站搬家后台发布文档列表空白的解决办法

      织梦网站搬家后台发布文档列表空白的解决办法

      2019-08-03 15:17

    • dede织梦CMS文件夹目录结构(全)

      dede织梦CMS文件夹目录结构(全)

      2019-07-29 21:48

    • Photoshop cs5 永久序列号

      Photoshop cs5 永久序列号

      2019-07-24 16:24

    网友点评

    欢迎在线留言发表意见及观点,您的留言反馈我们会第一时间反馈处理!(请文明理性用语)

    【友情提示:留言上传的图片附件/大小限3M以内/jpg.png.bmp等图片格式,其它格式文件系统拒收!】
    姓名:
    电话:
    邮件:
    微信:
    留言内容:
    图片附件:
    时间:
     

    今日好文推荐(按ctrl+D收藏吧)

  • 》做空机构再次瞄准中概股,华尔街饿狼欲吞噬阿里
  • 》“再造搜狐”空喊五年,张朝阳回归就能改变一切?
  • 》100万房产和100万现金,20年后谁更保值?看完你一定恍
  • 》赚钱方式是最火的,那肯定是短视频,现在正是短视频的
  • 》【海外新品】6款让你的房子更懂你的智能家居设备
  • 》五星躺赚APP推荐:众人帮怎么赚钱快?我在众人帮一天
  • 》你感受过那种狂躁吗——电信业务办完之后“下月生效”
  • 》创客文化遍地开花,草根创业者需要怎样的平台?
  • 》三连封杀令:暴露微信对外部社交力量的恐惧感
  • 》快分享:腾讯与银行谈5年期50亿美元" 俱乐部贷款 "
  • 》摆拍:二次元的世界
  • 》手机QQ发30亿红包“约”支付宝春节一战
  • 》校园贷卷土重来 年化利率最高达199%
  • 》5种将在2015年大展拳脚的数字健康趋势
  • 》微信封杀再升级:网易云音乐中枪
  • 》HoloLens还太远 必应才是微软目前的重头戏
  • 》智能眼镜:谷歌倒下去,微软爬起来
  • 》女演员高露时尚百变写真图片欣赏
  • 》手机品牌春节撕逼战开始打响,谁将去争第一?
  • 》编辑工具推荐:KindEditor 4.1.11版 [1143KB]
  • 精彩导读

    今日悦读推荐(按ctrl+D收藏吧)

  • 》福布斯:这些听都没听过的手机品牌怎样颠覆中国和印度
  • 》马云:“猪碰上风也会飞,但是风过去摔死的还是猪”
  • 》不只是淘宝,美国市场为何同样假货泛滥
  • 》日本学生五日“游泳+旅行”标准课,国内的亲子教育是
  • 》迪拜七星级酒店推出 镀金纪念版苹果iPhone6
  • 》织梦dedecms v5.7水印功能无效的解决方法
  • 》2015 科技圈三大预言:高速wi-fi、物联网、更智能的手
  • 》【海外新品】6款让你的房子更懂你的智能家居设备
  • 》在居高不下的离婚率的当下,“离婚”二字轻易不说出口
  • 流量变现的四部曲,小白也可收获满满!喜欢就收藏吧
  • 》智能眼镜:谷歌倒下去,微软爬起来
  • 》生活APP大战:寡头效应凸显 谁能笑傲江湖
  • 》IBM裁员风波和搜狐紧急裁员有啥联系?
  • 》职业X评师和职业删评师相互勾结,如寄生虫一般和谐生
  • 》连接一切的背后是控制一切,微信卡在了自我构筑的高墙
  • 》VLOG利器:索尼摄像机AX60,方便拍摄好画面,忠实记录
  • 》同样以二手车融资,百姓网以后怎么玩?
  • 》为快乐健身健康减肥而生-小G2代初体验
  • 》女演员高露时尚百变写真图片欣赏
  • 》微信群惊现成堆的垃圾广告和涉黄链接,难怪大多数人默
  • 》阿里巴巴PK工商总局:昂贵的“约架”
  • 》清华大学迎新标语也出现了低级错别字 校方:已成立工