ホームページ >ウェブフロントエンド >CSSチュートリアル >私の Twitter Bootstrap 3 Web サイトが Internet Explorer 8 でモバイル バージョンを表示するのはなぜですか? コンテナ クラスの「max-width」問題を解決するにはどうすればよいですか?

私の Twitter Bootstrap 3 Web サイトが Internet Explorer 8 でモバイル バージョンを表示するのはなぜですか? コンテナ クラスの「max-width」問題を解決するにはどうすればよいですか?

Mary-Kate Olsen
Mary-Kate Olsenオリジナル
2024-12-14 20:27:20268ブラウズ

Why is my Twitter Bootstrap 3 website displaying the mobile version in Internet Explorer 8, and how can I fix the `max-width` issue on the container class?

Internet Explorer 8 における Twitter Bootstrap 3 の問題

質問内容:

Create です新しい Twitter Bootstrap を使用した Web サイト。この Web サイトは、IE8 を除くすべての必須ブラウザーで正しく表示され、動作します。

IE8 では、要素のモバイル バージョンが表示されますが、デスクトップ モニターの全画面に引き伸ばされて表示されます。私が抱えている問題は、Twitter Bootstrap がモバイルファーストであることだと思います。したがって、何らかの理由で、IE8 はこのオプションを使用します。

コンテナ クラスが期待どおりに max-width CSS プロパティを取得していないように見えることにも気付きました。私が間違っていることを誰かが見ることができますか?

コード:

<!-- Favicon -->
<link rel="shortcut icon" href="/favicon.ico">
<link rel="apple-touch-icon" href="/apple-touch-icon.png">

<!-- Bootstrap -->
<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0-rc1/css/bootstrap.css" rel="stylesheet">
<link href="//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.min.css" rel="stylesheet">
<script src="/SiteFiles/js/modernizr.js"></script>

<!-- CSS -->
<link href="/SiteFiles/css/main.css" rel="stylesheet">

<header>
    <div>

以上が私の Twitter Bootstrap 3 Web サイトが Internet Explorer 8 でモバイル バージョンを表示するのはなぜですか? コンテナ クラスの「max-width」問題を解決するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。