織夢網站文章頁圖片移動端變形怎么辦?高度自適應解決方法

網站建設 尹華峰 瀏覽 評論來源:www.caolzp.tw

華峰博客網使用織夢程序建站已經快三年了,本站內容頁面響應式設計,可以在PC、移動端能夠有效展示。但是本站自建站起,一直忽略了移動端圖片自適應的問題,在移動端瀏覽網頁時會看到圖片變形。為此,博主下定決心對其進行整改,方便讀者有更好的體驗。

織夢網頁圖片移動端高度變形解決方法

修改PHP系統文件:include/ arc.archives.class.php,查找代碼:

  1. //設置全局環境變量  
  2.   
  3. $this->Fields['typename'] = $this->TypeLink->TypeInfos['typename'];  
  4.   
  5. @SetSysEnv($this->Fields['typeid'],$this->Fields['typename'],$this->Fields['id'],$this->Fields['title'],'archives');  

在其下面增加:

  1. //去掉img的width和height  
  2.   
  3. $this->Fields['body'] = preg_replace("/style=\"width\:(.*)\"/","",$this->Fields['body']);  

結語:修改之后,然后清除網站后臺緩存,重新更新生成網頁即可解決此問題,打開移動端手機站,網頁的圖片變形已消除,可以正常瀏覽,非常美觀。

    江苏7位数第18165期