使用了flex
布局的情况下,单独将Img
置于flex子项中会在样式完全渲染前重置img
的样式。
<div>
<img/> <!--在img的src通过cdn加载时会被挤扁-->
<div>
<div></div>
<div></div>
</div>
</div>
为了解决这个问题,加一个div
!
<div>
<div><img/></div>
<div>
<div></div>
<div></div>
</div>
</div>
替img
的父元素指定宽高就不会让img
被压扁了