Internet Explorer 11设计问题

Question

我正在得到这个

而且我想输出类似

代码在这里：

<div class="row col-sm-12 cms-img-fix cms-pdT25">

                <a class="cms-pdB50" href="https://www.radise.com/" target="_blank">
                    <img class="img-fluid" src="/images/base-images/[email protected]">
                </a>
                <a class="cms-pdB50" href="https://www.testpile.com" target="_blank">
                    <img class="img-fluid" src="/images/base-images/AFT_0001_LOGO_HOR_WEB.png">
                </a>
                <a class="cms-pdB50" href="http://smart-structures.com/" target="_self">
                    <img class="img-fluid" src="/images/base-images/Group 16.png">
                </a>
                    </div>

我在Internet Explorer 11中遇到设计问题，但在chrome设计中，它是完美的。

在公司div中，我在第三张图片中遇到问题

请在链接下方打开

https://smart-structures-dev.azurewebsites.net/

在chrome和Internet Explorer 11中，然后检查公司下图中观察到的差异的图像

<img class="img-fluid" src="/images/base-images/AFT_0001_LOGO_HOR_WEB.png">

有人可以帮我解决这个问题

Answer 1

我曾尝试使用IE 11浏览器检查您的网站。我检查了源代码和CSS。

我发现您正在使用flex。 CSS flex与IE浏览器有关。在许多情况下，它无法正确计算高度和宽度。

我注意到在您的CSS代码中，对于这2张图像，您正在使用max-height和max-width。

如果用width替换max-width并用height替换max-height，则可以解决此问题。

width: 100%;
height:100%;

进行上述更改后在IE 11中产生的结果：