Inte rnet 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/RADISE_logo@2x.png">
                </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>

У меня возникает проблема проектирования в inte rnet explorer 11, но в chrome проектирование совершенно.

в подразделениях компаний я получаю проблему в третьем изображении

откройте ссылку ниже

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

в chrome и inte rnet explorer 11, а затем отметьте Companies images Вы видите различия на изображении ниже

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

Может кто-нибудь помочь мне в этой проблеме

Answer 1

Я пытался проверить ваш сайт с браузером IE 11. Я проверяю исходный код и CSS.

Я обнаружил, что вы используете flex. CSS flex имеет некоторые проблемы с браузером IE. Он не может правильно рассчитать высоту и ширину во многих сценариях ios.

Я заметил, что в вашем CSS коде вы используете max-height и max-width для этих 2 изображений.

Если заменить max-width на width и замените max-height на height проблема может быть решена.

width: 100%;
height:100%;

Результат в IE 11 после внесения вышеуказанных изменений: