在手機頁面模板裡新增圖片style標籤過濾，去除圖片的長寬設定，這樣在手機端圖片就不會變形了，如下：在安裝除錯DEDECMS手機版網站的時候，發現一個問題，圖片無法很好的適應螢幕，寬度可以與螢幕同寬，而高度卻沒有按比例調整，導致圖片看起來像被擠扁了一樣，為什麼會這樣呢？一般為了要達到圖片自適應螢幕寬度的目的，我們在img標籤的樣式中定義max-width:100%;height:auto;就可以了，可是這次設定了也沒有效果。通過檢視原始碼，發現文章中的圖片img標籤原有的style格式設定沒有過濾，從而導致css檔案中設定的img樣式無效。如下圖：新版的移動端訪問是從根目錄的m資料夾底下的php檔案訪問，呼叫的模板檔案是templets/default/目錄底下以“_m.htm”結尾的模板檔案。在這裡我們需要修改article_article_m.htm。由於我這個網站還有一個image的圖集模板，所以我還要需要修改article_image_m.htm，通過preg_replace函式過濾圖片的style標籤。在需要修改的模板檔案裡，查詢{dede:field.body/} {dede:field.vote/} (責任編輯：{dede:adminname/})修改為 {dede:field.body function=”preg_replace(‘/style=.+?[*|\”]/i’,”, @me)”/} {dede:field.vote/} (責任編輯：{dede:adminname/}))修改完之後儲存，再開啟頁面的時候，檢視原始碼，style標籤的內容已經被過濾掉了，圖片已經按比例縮小，不會出現比例失調的狀況了。