Проблема с Bootstrap4 в Internet Explorer

Question

Мой сайт ломается в IE 11, который официально поддерживается Bootstrap 4.
Есть идеи, что мне нужно для поддержки браузера?

Я пытался поместить это в тег head, но нетразрешение пока:

<meta http-equiv="X-UA-Compatible" content="IE=edge" /> 

Проверьте этот сайт в IE 11 & Chrome: onaseer87.github.io/medcouture

Answer 1

После тщательного изучения всех типов файлов я обнаружил, что проблема была в JS. Я использовал ES6, который не поддерживается в IE.

Например: использование Let вместо var или литералов шаблонов не может быть перенесено в IE.

Answer 2

Я попытался проверить ваш сайт с помощью IE и Chrome.

Первая проблема, которую я обнаружил, что одна часть веб-страницы не отображается в браузере IE.

Я проверяю в инструментах разработчикаи нашел строку ниже.

<div class="container my-5" id="touch">

Вы можете заметить, что к нему применен # touch класс css. У него непрозрачность , установленный как 0 .

Если вы не отметите его, то он будет правильно отображать часть страницы.

Если этот код CSS написан вами, чем вы изменяете его. Если этот код добавлен Bootstrap, чем вам, возможно, придется применить свой собственный CSS, чтобы исправить проблему, потому что мы не можем изменить код из Bootstrap.

Еще одна вещь, которую я заметил, что ваш слайдер JQuery показывает только 2 деления в нем. Для этого лучше проверить его отдельно. Нам может быть трудно непосредственно проверить это на сайте. Это может помочь сузить проблему.