html富文本在移動端轉義及圖片標籤顯示錯亂問題

function HTMLDecode(text) {
    var temp = document.createElement("div");
    temp.innerHTML = text;
    var output = temp.innerText || temp.textContent;
    temp = null;
    return output;
}

富文本轉義之後是可以正常顯示在頁面上了但是有個問題 就是 這種富文本樣式是基於pc網頁的顯示效果來的,移動端顯示的話圖片會異常的醜 ,比如圖片尺寸按照pc的尺寸來的。這裏提供一個解決思路 是動態改變佈局中的img標籤顯示樣式,讓圖片的最大尺寸爲屏幕的最大尺寸,同時高度弄成自適應的即可

	 var width =$(window).width()

           $("img").css("max-width",width)
           $("img").css("width","100%")
            $("img").css("height","auto")

以上就是我的解決方案,如有更好的方式歡迎拍磚

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章