遗忘的max-width

问题描述:

error1.jpg

error.jpg

文章是从接口拿到的富文本,css里设置了img: 100%;导致了出现上面的问题,第一想法是Array.from(document.getElementByTagName("img")),遍历每一个img,获取img的naturewidth,natureheight.设置一个最大宽度,如果宽度大于这个最大宽度时,就将这个宽度设置为100%.觉得可行,开始吭哧吭哧的写,写的差不多了,同事提醒不是还有个max-width属性.
img{max-width: 100%}
问题解决.
反思: 碰到问题还是要多思考一下,借助一下搜索引擎,还有身边的同事.不要蛮干,能起到事半功倍的效果.问题不大,引以为戒.

你可能感兴趣的:(遗忘的max-width)