交流

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

字号+ 作者:网络 来源:网络自媒体 2019-09-21 10:44 我要留言(文明理性) 人气:

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

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

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

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

PC网页img标签原有的格式设定没有过滤掉

手机网站一般都会把文章的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标签的内容已经被过滤掉了,图片已经按比例缩小,不会出现比例失调的状况了。

过滤掉style=“”里面的信息
 

一种方法

 

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

以上文章首发:网易、搜狐、百度、微博等平台同步,欢迎爆料和留言评论交流。内容仅代表作者本人,我们仅提供网络储存空间服务,若有侵权或错误请及时联系客服修改删除。》快分享网www.020going.com价值资讯_爆料_软文_引流_推广平台

无法在这个位置找到: plus/baidushare.htm

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

无法在这个位置找到: plus/comment.htm

今日悦读推荐(按ctrl+D收藏)快分享网www.020going.com价值资讯_爆料_软文_引流_推广平台

  • 》2015 CES:物联网尖儿货盘点
  • 快分享:织梦定时自动更新发布文章插件
  • 》虚拟现实:从阿凡达到永生—斯坦福大学杰里米-拜伦森
  • 9000本独家精选电子书合集打包下载,价值百万,现在仅需288,联系客服还有惊喜哦!
  • 》今夕何须许归期
  • 》32岁网约车司机高速自发性气胸离世,家属泣诉平台担责!律师说法
  • 》硬件创新去哪儿?“连接亲情“可以试试
  • 》“一字肩女神”清凉时尚的小姐姐,将身材比例无限放大
  • 织梦百度编辑器又拍云版1.0插件
  • 》滴滴水太深,只想回农村!滴滴司机想报备休息,口碑值蹭蹭往下掉
  • 》程序猿:分享收集的计算机内功修炼的经典资源,希望对大家提升内功有所帮助
  • 》9月2日星期一,哈啰出行故障修复无法打开,网友吐槽出行大受影响
  • 1.本站行业规范,转载的稿件都标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创行为我们将追究责任;3.根据国家法规和各合作网站管理细则,作者投稿可能会经我们编辑修改或补充。4.欢迎爆料推稿、软文代发代写、引流吸粉等推广合作(客服邮箱:mygoing@qq.com,微信:280062218)

    相关文章》快分享网www.020going.com价值资讯_爆料_软文_引流_推广平台
    • 织梦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

    网友点评》快分享网www.020going.com价值资讯_爆料_软文_引流_推广平台

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

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

    今日好文推荐(按ctrl+D收藏)欢迎访问:快分享网www.020going.com价值资讯_爆料_软文_引流_推广平台

  • 》《我家那小子》陈学冬谈出道经历 自曝曾做经纪人
  • 》清华大学迎新标语也出现了低级错别字 校方:已成立工
  • 》加上喜欢的人微信上怎么聊?怎么泡她!
  • 》虚拟现实:从阿凡达到永生—斯坦福大学杰里米-拜伦森
  • 街拍秀:好身材小姐姐摆pose
  • 》5种将在2015年大展拳脚的数字健康趋势
  • 》阿里巴巴PK工商总局:昂贵的“约架”
  • 》快消行业步入衰退期,哇哈哈陷入多元化之困?
  • 》织梦文章页怎么自动生成二维码扫描转成用手机浏览?
  • 重庆保时捷女司机后悔了:老公遭停职!现在只能在亲戚
  • 【热】2019网约车最新加速抢单神器,永久安全不封号,
  • 》盘点:这些年孙宇晨蹭过的热点
  • 》骚扰电话几时休,明星信息成黑色产业链
  • 》做产品还是做咸鱼:漫谈场景、聚焦、极客范、幽默感
  • 》深度点评穿戴产业:风口上随时要爆炸的猪
  • 》微信又偷偷测试新功能,个个都很实用,第三个太惊喜
  • 》张朝阳是个好人,但这是搜狐的不幸
  • 》云南弥勒:携七彩霞衣,抹一泓惊艳。小姐姐旗袍秀精彩
  • 》爆料:昆明街头突现众多“恶俗广告牌”,严重“污染”
  • 》微信支付宝QQ二维码三合一制作程序源码
  • 精彩导读

    今日悦读推荐(按ctrl+D收藏)快分享网www.020going.com价值资讯_爆料_软文_引流_推广

  • 》三足鼎立,全球社交巨头三国杀时代来临
  • 》华为P30一夜跌至新低价,老用户吐槽声不断,感觉买早
  • 》8月10日昆明,2019世界花卉模特大赛惊艳亮相,异国选
  • 》罗永浩的“锤子”没有火,吐槽周杰伦“脑残粉烂歌词“
  • 》0成本的手机兼职赚钱项目有哪些?原来你也措失一个亿
  • 》街拍:炎炎夏日碎花长裙墨镜小姐姐的街头靓丽风景
  • NBA落寞背后:中国篮球的崛起之路也许就在于此
  • 》滴滴开倒车:担心司机多平台接单,出阴招害司乘。司机
  • 》微信又偷偷测试新功能,个个都很实用,第三个太惊喜
  • 》可穿戴设备如何推动企业效率大变革?
  • 》年轻女演员拍摔倒戏由男替身来完成 被批超不敬业引发
  • 》 万亿海外债遭美元升值利空 房企再融资压力难解
  • 》罕见老照片:40年代优秀战地摄影记者作品
  • 》街拍:气质风韵的美少妇,风情万种
  • 》潘石屹称为筹划已拜访30多家互联网公司
  • 》谁是智能电视盲品之王?
  • 》在居高不下的离婚率的当下,“离婚”二字轻易不说出口
  • 》传统媒体人那么三次离职潮——伴随媒体转型的始末
  • 》小仙女爱穿的A字型短裤,直男表示分手吧受不了,还上
  • 2019零投资网络赚钱的项目有哪些?
  • 》创客文化萌芽,中国创业者迎来创业最好时代
  • 》【走进2015CES】CES上那些让人脑洞大开的自动驾驶