華峰博客網使用織夢程序建站已經快三年了,本站內容頁面響應式設計,可以在PC、移動端能夠有效展示。但是本站自建站起,一直忽略了移動端圖片自適應的問題,在移動端瀏覽網頁時會看到圖片變形。為此,博主下定決心對其進行整改,方便讀者有更好的體驗。
織夢網頁圖片移動端高度變形解決方法
修改PHP系統(tǒng)文件:include/ arc.archives.class.php,查找代碼:
- //設置全局環(huán)境變量
- $this->Fields['typename'] = $this->TypeLink->TypeInfos['typename'];
- @SetSysEnv($this->Fields['typeid'],$this->Fields['typename'],$this->Fields['id'],$this->Fields['title'],'archives');
在其下面增加:
- //去掉img的width和height
- $this->Fields['body'] = preg_replace("/style=\"width\:(.*)\"/","",$this->Fields['body']);
結語:修改之后,然后清除網站后臺緩存,重新更新生成網頁即可解決此問題,打開移動端手機站,網頁的圖片變形已消除,可以正常瀏覽,非常美觀。