bootstrap3はIE8ブラウザに対応しました！ _JavaScript スキル
私は最近、優れたフロントエンド フレームワークであるブートストラップを使用しています。このフレームワークには、ドロップダウン メニュー、ボタン グループ、ボタン ドロップダウン メニュー、ナビゲーション、ナビゲーション バー、ページング、レイアウトが含まれています。 、サムネイル、警告ダイアログ ボックス、プログレス バー、メディア オブジェクトなどのブートストラップは、Web ページを作成するときに、
内の CSS を直接呼び出すだけで済みます。Bootstrap はレスポンシブ レイアウトであり、ワイドスクリーン コンピューター、通常のコンピューター、タブレット、携帯電話で非常に優れたレイアウト エクスペリエンスを得ることができます。この応答性の高いレイアウトは、CSS3 のメディア クエリ機能によって実現され、さまざまな解像度に応じてさまざまなスタイルに一致します。 IE8 ブラウザは、この優れた CSS3 機能をサポートしていません。Bootstrap は、IE6 および IE7 と互換性を持たせるための使用方法を開発ドキュメントに記載しています。BSIE (bootstrap2)
を検索してください。IE8 のブートストラップは Chrome、Firefox、IE11 ほど完璧ではありません。一部のコンポーネントは完全な互換性が保証されていないため、ハッキングする必要があります。
1. HTML5 宣言を使用します
<!DOCTYPE html> 这里不可以有空格 <html>
注:
2. メタタグを追加します
このページの IE バージョンの表示を確認します
<meta http-equiv="X-UA-Compatible" content="IE=edge,Chrome=1" /> <meta http-equiv="X-UA-Compatible" content="IE=9" />
注: ブートストラップは IE 互換モードをサポートしていません。IE ブラウザが最新のレンダリング モードを実行できるようにするために、IE=edge タグが IE の最新カーネルである chrome の使用を強制することを意味します。 =1 は、IE6 がインストールされている /7/8 および他のバージョンのブラウザ プラグイン Google Chrome Frame
を意味します3. ブートストラップ ファイルをインポートします
4. html5shiv.min.js と Reply.min.js を導入します
html5 を（完全に）サポートしていないブラウザでも html5 タグを「サポート」できるようにします
<!--[if lt IE 9]> <script src="js/bootstrap/html5shiv.min.js"></script> <script src="js/bootstrap/respond.min.js"></script> <![endif]-->
5. バージョン 1.X Jquery ライブラリを追加します
6. IE8 でテストしたところ、プレースホルダーがサポートされていない問題が見つかりました。この記事で引用した jquery は 1.12.0 で、これを解決する方法です。最初の引用 jquery
<script type="text/javascript" src="js/bootstrap/jquery-1.12.0.min.js"></script> <script src="bootstrap/js/bootstrap.min.js"></script>
他の jquery バージョンを使用してから
を導入することもできます[コード]
次に、ファイル
<script type="text/javascript">
$(function () {
$('input, textarea').placeholder();
});
</script>
コードは次のように要約されます:
<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="IE=edge,Chrome=1" /> <meta name="author" content="zhy" /> <title>ie8</title> <link rel="stylesheet" href="css/bootstrap/bootstrap.min.css"> <!--[if lte IE 9]> <script src=js/bootstrap/respond.min.js"></script> <script src=js/bootstrap/html5shiv.min.js"></script> <![endif]--> <script src="js/bootstrap/jquery-1.12.0.min.js"></script> <script src="js/bootstrap/bootstrap.min.js"></script> </head> <body> </body> </html>
注:
1. IE での IE バージョンを決定するステートメント
<!--[if lte IE 6]> <![endif]--> IE6及其以下版本可见 <!--[if lte IE 7]> <![endif]--> IE7及其以下版本可见 <!--[if IE 6]> <![endif]--> 只有IE6版本可见 <![if !IE]> <![endif]> 除了IE以外的版本 <!--[if lt IE 8]> <![endif]--> IE8以下的版本可见 <!--[if gte IE 7]> <![endif]-->
IE7 以降のバージョンが表示されます
lte：Less than or equal toの略で、以下という意味です。
lt: Less thanの略で、未満という意味です。
gte：Greater than orequal toの略で、以上という意味です。
gt：Greater thanの略で、「より大きい」という意味です。
!: 等しくないという意味で、JavaScript の不等号判定記号と同じです
以上がこの記事の全内容です。皆様の学習のお役に立てれば幸いです。
ホットAIツール
Undresser.AI Undress
リアルなヌード写真を作成する AI 搭載アプリ
AI Clothes Remover
写真から衣服を削除するオンライン AI ツール。
Undress AI Tool
脱衣画像を無料で
Clothoff.io
AI衣類リムーバー
Video Face Swap
完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。
人気の記事
ホットツール
メモ帳++7.3.1
使いやすく無料のコードエディター
SublimeText3 中国語版
中国語版、とても使いやすい
ゼンドスタジオ 13.0.1
強力な PHP 統合開発環境
ドリームウィーバー CS6
ビジュアル Web 開発ツール
SublimeText3 Mac版
神レベルのコード編集ソフト（SublimeText3）
ホットトピック
1663
14
1420
52
1315
25
1266
29
1239
24
Win10 の最も安定したバージョン
Dec 25, 2023 pm 07:58 PM
多くのユーザーは、コンピューターの操作中にフリーズやブルー スクリーンに遭遇することがありますが、現時点では、最も安定して動作する Win10 バージョンを見つける必要があります。全体的に非常に使いやすく、毎日の使用がスムーズになります。史上最も安定したWin10バージョン 1. Win10純正のオリジナルシステム. ユーザーは簡単な操作を使用できます. システムは最適化されており、強力な安定性、セキュリティと互換性を備えています. ユーザーは手順に従って完璧なマシンを達成できます. 2. ロシアのマスター合理化 win10 のバージョンは厳密に合理化され、多くの不要な機能やサービスが削除されました。合理化後は、システムの CPU とメモリの使用量が減り、動作が速くなります。 3. Win10 Lite Edition 1909 は、異なるハードウェア モデルの複数のコンピューターにインストールされています。
Win11はダイナミック壁紙をサポートしていますか?
Jan 01, 2024 pm 06:41 PM
ご存知のとおり、win11 の主な機能は独自の Android サブシステムであり、エミュレータを使用せずに Android ソフトウェアをインストールできますが、win11 Android アプリケーションの遅延の問題もあります。 win11 はダイナミック壁紙に対応していませんか? 回答: Win11 はダイナミック壁紙に対応していますが、使用できない場合は、ソフトウェアまたはシステムのバージョンが遅れている可能性があります。更新されたばかりの場合は、システムの壁紙で覆われている可能性があります。 1. システムまたはソフトウェアのバージョンが遅れている場合は、システムとダイナミック壁紙ソフトウェアを更新してください。 2. システムの壁紙で覆われている場合は、「設定」を開いてみてください。 3. 次に、「個人用設定」で「背景」設定を入力します。 4. 次に、パーソナライズされた背景を「写真」に変更します。 5. 変更が完了したら、通常どおりダイナミック壁紙を設定できます。
Switch2はSwitchカートリッジと互換性がありますか?
Jan 28, 2024 am 09:06 AM
Switch2はGamescom 2023で任天堂から発表された新モデルですが、一部のプレイヤーは新モデルと以前のバージョンのカートリッジの間に互換性の問題があるのではないかと心配しています。 switch2 はスイッチ カセットと互換性がありますか? 回答: switch2 はスイッチ カセットと互換性がありません。 Switch 2 カートリッジの紹介 任天堂の生産チェーン会社からの情報によると、Switch 2 は 64GB カートリッジを使用する可能性があります。パフォーマンスが向上し、より多くの 3A ゲームの名作をサポートするため、より大きなカートリッジ容量が必要になります。なぜなら、多くのゲーム作品は、ゲームカートリッジに詰める前に去勢して圧縮する必要があるからです。さらに、Switch のカートリッジはゲーム コンテンツをコピーする傾向があるため、新しいカートリッジに交換してください。
Linux システムは Android ソフトウェアと互換性がありますか?
Mar 20, 2024 pm 02:27 PM
近年、モバイル機器分野におけるAndroidシステムの普及が急速に進んでおり、Androidアプリケーションが他のプラットフォームでも動作するかどうかに多くの人が注目し始めています。 Linux は一般的なオペレーティング システムとして多くの人に好まれていますが、問題は、Linux システムは Android ソフトウェアと互換性があるのかということです。まず明確にしておきたいのは、Linux システムと Android システムはカーネルに類似点があるということです。どちらも Linux カーネルをベースにしたオペレーティング システムです。したがって、理論的には、Linux システムは実行できます。
d3dx9_43.dll の非互換性を解決する方法
Feb 24, 2024 pm 10:06 PM
d3dx9_43.dll の非互換性を解決する方法. 近年、コンピューターやゲームの急速な発展により、私たちはより多くのエンターテイメントと利便性を享受できるようになりました。ただし、特定のプログラムをインストールまたは実行すると、「d3dx9_43.dll には互換性がありません」などのエラー メッセージが表示されることがあります。この場合、どうやってこの問題を解決すればよいのでしょうか？まず、このエラー メッセージの意味を理解しましょう。 d3dx9_43.dll は、オペレーティング システムで使用される DirectX のシステム ファイルです。
Win11 で互換性のあるネットワーク ポイントをインストールおよび構成するための詳細ガイド
Jan 09, 2024 pm 02:50 PM
閲覧するときに古いバージョンのブラウザを使用する必要がある Web サイト ユーザーが多く、新しいバージョンを使用するには互換性のあるアウトレットを追加する必要があるため、今日は win11 で互換性のあるアウトレットを追加するための詳細なチュートリアルをお届けします。そして学びなさい。 win11 で互換性のあるコンセントを追加する方法 1. まずシステムで IE ブラウザを開き、ブラウザの右上隅にある小さな歯車をクリックして「設定」に入ります。 2. 次に、開いた設定メニューで「互換表示設定」を開きます。 3. 「この Web サイトを追加する」の編集ボックスに追加する URL を入力し、「追加」をクリックします。 4. 最後に、追加した URL のドメイン名が下に表示されます。ウィンドウを閉じると、直接アクセスできます。
Eclipse バージョンの非互換性に対処する方法
Jan 04, 2024 am 10:29 AM
互換性のないバージョンの Eclipse が見つかった場合はどうすればよいですか? [はじめに] Eclipse は、人気のある開発ツールとして、強力な機能と豊富なプラグインを提供するだけでなく、クロスプラットフォーム機能も備えています。ただし、Eclipse を使用すると、バージョンの非互換性の問題が発生し、プログラムが適切に実行されなかったり、コンパイル エラーが発生したりすることがあります。この記事では、Eclipse バージョンの非互換性に対処する方法を説明し、一般的な互換性の問題を解決するためのコード例をいくつか示します。 【解決策】Eclをアップデートする
win7と互換性のあるwin10の設定方法の紹介
Jan 03, 2024 pm 05:09 PM
多くの友人が未だに win10 システムではなく win7 システムを選択している理由は、互換性の悪さを恐れているからです。実はwin10でもwin7の互換モードを設定できるようになりましたので、プロパティで設定を変更するだけでOKですので、一緒に見ていきましょう。 win10 を win71 と互換性を持たせるにはどうすればよいですか? まず、win7 システムで実行する必要があるプログラムを右クリックし、「プロパティ」2 を開き、上の「互換性」をクリックして互換性タブに入ります。 3. 互換モードで「互換モードでこのプログラムを実行する」にチェックを入れます。 4. 次に、下のドロップダウン メニューから「Windows 7」を選択します。 5. 完了したら、「適用」をクリックするか、「OK」をクリックします。
