1. 程式人生 > >移動端-處理後臺傳過來的html中圖片的顯示

移動端-處理後臺傳過來的html中圖片的顯示

load win col var 後臺 移動端 ner code doc

function DealWithImg() {
                var width = 0;
                if (window.screen.width) {
                    width = window.screen.width;
                }
                else if (window.innerWidth) { width = window.innerWidth; }
                if (width > 0) {
                    var imgs = document.getElementsByTagName("img");
                    
if (imgs.length > 0) { for (var i = 0; i < imgs.length; i++) { if (imgs[i].offsetWidth > width) { imgs[i].style.width = "100%"; imgs[i].style.height = "auto"; } } } } } window.onload
= DealWithImg;

當圖片html是後臺傳過來的時候(例如內容編輯的圖片和文字轉為html存在庫裏),控制圖片的width:100%

移動端-處理後臺傳過來的html中圖片的顯示