問題描述:
文章是從接口拿到的富文本,css里設(shè)置了img: 100%;導(dǎo)致了出現(xiàn)上面的問題,第一想法是Array.from(document.getElementByTagName("img")),遍歷每一個img,獲取img的naturewidth,natureheight.設(shè)置一個最大寬度,如果寬度大于這個最大寬度時,就將這個寬度設(shè)置為100%.覺得可行,開始吭哧吭哧的寫,寫的差不多了,同事提醒不是還有個max-width屬性.
img{max-width: 100%}
問題解決.
反思: 碰到問題還是要多思考一下,借助一下搜索引擎,還有身邊的同事.不要蠻干,能起到事半功倍的效果.問題不大,引以為戒.