1

主に学習目的で、ブートストラップを使用してWebサイトを作成しました。私はを使用してい<div class="navbar navbar-inverse">ます。私は自分のウェブサイトをサーバーに置き、何人かの仲間にそれをチェックするように頼みました。誰もが電話をかけて、見栄えが良いと言いましたが、Internet Explorerを使用するとすべてが混乱したと言われました（正確にはバージョンはわかりませんが、間違いなく古いバージョンです）。InternetExplorerで試してみたところ、ナビゲーションバーが混乱していました。

リスト項目はインラインではありませんでした。バーは本来の2倍の大きさで、テキストには下線が引かれ、紫色になっています...

私は過去数日間この問題を修正しようとしてきましたが、私はできません。ウェブサイトが壊れていないように見えるように、すべてのブラウザで同じように動作させるにはどうすればよいですか？

それは本当に苛立たしいことであり、私は1.これについて学び、2。この問題を修正するためのあらゆる情報源を受け入れる準備ができています。

ありがとう！

HTMLのコード：

<html>
<head>
    <!--[if lt IE 9]-->
        <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
    <!--[endif]-->
    <title> College GPA </title>
    <link rel = 'stylesheet' type = 'text/css' href = "assets/css/style.css">
    <link rel = 'stylesheet' type = 'text/css' href = 'assets/css/bootstrap.min.css'>

    <script src="http://code.jquery.com/jquery-1.8.3.js"></script>
    <script src="http://code.jquery.com/ui/1.10.0/jquery-ui.js"></script>

    <script src = "assets/js/dropdown.js">
    </script>
    <script> 
        $(".dropdown-toggle").dropdown();
    </script>

</head>


<body>
    <div class="navbar navbar-inverse">
        <div class="navbar-inner">
            <div class="container">

              <!-- .btn-navbar is used as the toggle for collapsed navbar content -->
              <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
              </a>

              <!-- Be sure to leave the brand out there if you want it shown -->
              <a class="brand" href="#" style = "font-size: 23px;">LOGO</a>

              <!-- Everything you want hidden at 940px or less, place within here -->
             <div class="nav-collapse collapse">
                <!-- .nav, .navbar-search, .navbar-form, etc -->
                <ul class = "nav">
                    <li class = 'active'> <a href = "#"> Home </a></li>
                    <li class = 'dropdown'> 
                        <a href = "#" class = 'dropdown-toggle' id = "dLabel" data-toggle = "dropdown">Drop Down <b class = 'caret'> </b></a>
                        <ul class = 'dropdown-menu' role = 'menu' aria-labelledby="dLabel">
                            <li> <a href = "#">Drop Down 1 </a> </li>
                            <li> <a href = "#">Drop Down 2 </a> </li>
                            <li> <a href = "#"> Drop Down 3</a> </li>
                        </ul>
                    </li>
                    <li class = 'dropdown'> 
                        <a href = "#" class = 'dropdown-toggle' id = "dLabel" data-toggle = "dropdown">Drop Down  <b class = 'caret'> </b></a>
                        <ul class = 'dropdown-menu' role = 'menu' aria-labelledby="dLabel">
                            <li> <a href = "#"> Drop Down 1   </a> </li>
                            <li> <a href = "#"> Drop down 2 </a> </li>

                        </ul>
                    </li>

                </ul>
         </div>

    </div>
  </div>
    </div>


    <div class = 'wrapper'>



    </div>


</body>

</html>
4

1 に答える 1

2

彼がどのバージョンを使用していたかわからないことはあまり役に立ちません...多分あなたは彼に尋ねるべきですか？十分に古い場合は、ブートストラップがそれをサポートしていない可能性があります（IE <7）。

その場合は、無視してください。古いバージョンのIEをまだサポートしている企業はほとんどなく、特定の理由がある傾向があります。

古いブラウザに対処するための良い方法を探している場合は、新しいブラウザにアップグレードするオプションと、そのブラウザで正しく表示されない可能性があるという警告を表示できます。

http://gs.statcounter.com/は、古いブラウザの使用統計を取得するための優れたソースです。そこから、本当にそれらをサポートしたいかどうかを決めることができます。

最後に、サイトの分析をいつでも調べて（トラフィックのある既存のサイトがある場合）、古いブラウザーのサポートを維持する価値があるかどうかを確認できます。

于 2013-01-26T00:53:05.897 に答える