IE中的Flexbox图像显示完整的图像高度而不是自动

时间:2018-02-12 17:39:58

标签: flexbox height internet-explorer-11

我在下面的链接上使用flexbox进行垂直居中,但是在IE 11中,图像伸展到原始图像的整个高度而不是“自动”,就像它应该根据与100%宽度的关系一样显示在流体容器中。它显示Safari,Chrome和Firefox中的正常比例高度。

有没有人知道我需要添加或修改我的css或H​​TML以便在IE中正常显示这些内容?如果它很重要,我也有一个相等的高度列WP插件,它使用这些div选择器的最大高度来应用内联高度CSS。

提前感谢您的帮助。我的代码如下:

https://www.indexarsolutions.com/apps/

.apps .pic, .apps .text { 
display: flex;
justify-content: center;
flex-direction: column;
}

<div class="su-row apps">
  <div class="su-column su-column-size-1-3">
    <div class="su-column-inner su-clearfix">
     <div class="pic">
      <img class="alignleft wp-image-1550" src="https://www.indexarsolutions.com/wp-content/uploads/Facility-Example-photo.jpg" alt="" width="371" height="247" />
     </div>
    </div>
   </div>
   <div class="su-column su-column-size-2-3">
    <div class="su-column-inner su-clearfix">
     <div class="text">An industrial marketing AR app helps a client’s globally distributed customer base visualize and explore a 500 acre, billion-dollar facility virtually. The app eliminates the need for 80-slide sales presentations or costly and time consuming on-site visits.</div>
    </div>
   </div>
</div>

0 个答案:

没有答案