欢迎进入广州凡科互联网科技有限公司网站
全国服务热线
4000-399-000
DedeCMS手机上wap网站照片响应式bug改动
时间: 2020-11-20 20:44 浏览次数:
在安裝调节跟版网手机上版网站的情况下,发觉一个难题,照片没法非常好的适应显示屏,总宽能够与显示屏同宽,而高宽比却沒有按占比调节,造成照片看上去像被挤扁了一样,为何
在安裝调节跟版网手机上版网站的情况下,发觉一个难题,照片没法非常好的适应显示屏,总宽能够与显示屏同宽,而高宽比却沒有按占比调节,造成照片看上去像被挤扁了一样,为何会那样呢? 通常是了要做到照片响应式显示屏总宽的目地,大家在img标识的款式中界定max-width:1...

在安裝调节跟版网手机上版网站的情况下,发觉一个难题,照片没法非常好的适应显示屏,总宽能够与显示屏同宽,而高宽比却沒有按占比调节,造成照片看上去像被挤扁了一样,为何会那样呢?

通常是了要做到照片响应式显示屏总宽的目地,大家在img标识的款式中界定max-width:100%;height:auto;便可以了,但是此次设定了都没有实际效果。

 

开启wap.inc.php看过一下,发觉了难题。因为要过虑掉繁杂的html标识,可是还必须保存照片,因此在过虑的情况下,先把全部img标识给取代没了,等过虑完以后,又取代回家,那样就造成了img标识里边的style 没法被过虑。

缘故寻找了,方法也非常简单,大家只需在最终輸出的情况下过虑掉 > $content = preg_replace( / > $content = preg_replace( / amp;[a-z]{3,10};/isU , , $content);        

return $content;

改动完以后储存,再打开网页页面的情况下,查询源码,style标识的內容早已被过虑没了,照片早已按占比变小,不容易出現占比失调的情况了。


dedecms模版,dedecms公司模版,dedecms新闻资讯模版,高档HTML5响应式模版,dedecms手机上模版,织梦cms模版实例教程,网站模版,网页页面模版,完全免费网页页面模版



Copyright © 广州凡科互联网科技有限公司 版权所有 粤ICP备10235580号
全国服务电话:4000-399-000   传真:021-45545458
公司地址:广州市海珠区工业大道北67号凤凰创意园