Internet Explorer中的Bootstrap4问题

Question

我的网站在Bootstrap 4正式支持的IE 11中被打破。知道支持浏览器需要什么吗？

我已经尝试过将其放在head标签中，但到目前为止还没有解决方法：

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

在IE 11和Chrome中查看此站点：onaseer87.github.io/medcouture

Answer 1

我试图用IE和chrome检查您的网站。

第一个问题，我发现网页的一部分未在IE浏览器中显示。

我检入开发人员工具并找到以下行。

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

您会注意到＃touch css类已应用在其上。它的opacity设置为0。

如果未选中它，它将正确显示页面部分。

如果此CSS代码是您编写的，则您需要对其进行修改。如果此代码由Bootstrap添加，则您可能需要应用自己的CSS来解决此问题，因为我们无法从Bootstrap修改代码。

其他我注意到您的JQuery滑块仅显示2个Div。为此，最好单独进行测试。我们可能很难直接在站点中对其进行检查。它可以帮助缩小问题的范围。

Answer 2

经过对所有文件类型的深入研究，我发现问题出在JS。我正在使用IE不支持的ES6。

例如：使用Let代替var，或者模板文字无法在IE中进行转堆。