父元素设置display: flex布局时,子元素的width 和 height属性会被禁用,导致对子元素设置宽高无效。

flex布局的默认子元素图片宽度,宽度不可控,导致左右空白过多。

推荐的解决办法如下:

给需要设置宽高的子元素添加flex-shrink属性禁用子元素的缩放:

flex-shrink: 0;
width: 100%;

或者给通过min-width 和 max-width 属性也可以实现。

子元素设置 flex-shrink:0 后,宽度可控。
(adsbygoogle = window.adsbygoogle || []).push({});