Question

我的网站已经完全完成，并且可以在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>

网站的所有其他页面都有相同的问题。

Answer 1

我不确定此答案是否对您有用，但是bootstrap.css文件似乎存在问题：https://nivamedia.ch/css/bootstrap.min.css（v3.3.5）

替换此行：

<link rel="stylesheet" href="css/bootstrap.min.css">

具有引导程序（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编码。检查网站标头是否使用UTF-8（如果bootstrap.css可能已损坏），请尝试下载新文件并重新上传。

这是您的bootstrap.css：https://nivamedia.ch/css/bootstrap.min.css

里面有很多��

IE问题-网页无法正常加载

1 个答案: