我的网站已完全完成，并且在 Google Chrome、Firefox 和除 Internet Explorer 之外的其他浏览器中运行良好。
菜单没看到，坏了。没有应用边距，文本完全没有形式，就好像没有加载任何书店一样。该网站是使用 bootstrap 3.6 创建的，Jquery 用于处理页面的大部分效果。
你知道IE不支持jquery、bootstrap或任何其他库吗？我站点上的所有库都在本地加载。
页面内容是通过php加载的，因为所有内容都在数据库中。它在其他浏览器中运行良好，但在 IE 中运行不佳。这个想法是它适用于每个人。
我在脑海中使用这个 css 文件
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="utf-8">
<title>Nivamedia | Webdesign, Online Marketing, Mobile Apps</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="keywords" content="">
<meta name="description" content="">
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/font-awesome.min.css">
<link rel="stylesheet" href="css/animate.min.css">
<link rel="stylesheet" href="css/et-line-font.css">
<link rel="stylesheet" href="css/nivo-lightbox.css">
<link rel="stylesheet" href="css/nivo_themes/default/default.css">
<link rel="stylesheet" href="css/style.css">
<!-- <link href='https://fonts.googleapis.com/css?family=Roboto:400,300,500' rel='stylesheet' type='text/css'> -->
<link href="https://fonts.googleapis.com/css?family=Montserrat:400,500,600,700,800" rel="stylesheet" type='text/css'>
</head>
这是我的导航菜单
<body data-spy="scroll" data-target=".navbar-collapse" data-offset="50">
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-121888387-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-121888387-1');
</script>
<!-- preloader section -->
<div class="preloader">
<div class="sk-spinner sk-spinner-circle">
<div class="sk-circle1 sk-circle"></div>
<div class="sk-circle2 sk-circle"></div>
<div class="sk-circle3 sk-circle"></div>
<div class="sk-circle4 sk-circle"></div>
<div class="sk-circle5 sk-circle"></div>
<div class="sk-circle6 sk-circle"></div>
<div class="sk-circle7 sk-circle"></div>
<div class="sk-circle8 sk-circle"></div>
<div class="sk-circle9 sk-circle"></div>
<div class="sk-circle10 sk-circle"></div>
<div class="sk-circle11 sk-circle"></div>
<div class="sk-circle12 sk-circle"></div>
</div>
</div>
<!-- navigation section -->
<section class="navbar navbar-fixed-top custom-navbar bg-trans" role="navigation" id="navbar_menu">
<div class="container" id="navbar_container">
<div class="navbar-header" id="mobile_version_collapse-in" style="background-color: white !important;">
<button class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse" id="toggle_button">
<span class="icon icon-bar"></span>
<span class="icon icon-bar"></span>
<span class="icon icon-bar"></span>
</button>
<a class="nav-brand" href="index.php"><img src="images/nivaLogo2.png" alt="logo" title="Nivamedia" id="main_logo"></a>
</div>
<div class="collapse navbar-collapse" id="menu_collapse">
<ul class="nav navbar-nav navbar-right" id="list_options">
<li class="list_options_Li"><a href="#" class="smoothScroll itemLi"></a></li>
<li class="list_options_Li" id="first_li_main"><a href="leistungen.php" class="smoothScroll itemLi">Leistungen</a></li>
<li class="list_options_Li" id="second_li_main"><a href="referenzen.php" class="smoothScroll itemLi">Referenzen</a></li>
<li class="list_options_Li" id="third_li_main"><a href="#agentur" class="smoothScroll itemLi">Agentur</a></li>
<li class="list_options_Li" id="fourth_li_main"><a href="kontakt.php" class="smoothScroll itemLi">Kontakt</a></li>
</ul>
</div>
</div>
</section>
我在正文末尾有这个 js 库:
<script src="js/jquery.js"></script>
<script src="js/jquery.backstretch.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/smoothscroll.js"></script>
<script src="js/jquery.mixitup.min.js"></script>
<script src="js/isotope.js"></script>
<script src="js/imagesloaded.min.js"></script>
<script src="js/nivo-lightbox.min.js"></script>
<script src="js/wow.min.js"></script>
<script src="js/custom.js"></script>
<script src="js/sweetalert.js"></script>
该网站的所有其他页面都有同样的问题。
最佳答案
我不确定这个答案是否适合你，但你的 bootstrap.css 文件似乎有问题:https://nivamedia.ch/css/bootstrap.min.css (v3.3.5)
替换这一行:
<link rel="stylesheet" href="css/bootstrap.min.css">
使用更新版本的 bootstrap (3.3.7)
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
这是我在 IE 中得到的截图:
此外，我应该让您知道您托管的文件已损坏或未使用 UTF-8 编码。检查站点 header 是否使用 UTF-8，如果它们很可能是 bootstrap.css 已损坏，请尝试下载新文件并重新上传。
这是您的 bootstrap.css:https://nivamedia.ch/css/bootstrap.min.css
里面有很多的��������������������。
关于javascript - IE 问题 - 网页加载不正常，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/53453154/