問題タブ [respond.js]

私はrespond.js（https://github.com/scottjehl/Respond）でブートストラップ3.0を使用しています。

IE8 で n 番目の子セレクターを使用したいので、ie9.js もインストールしました。

通常の場所のヘッダーの上。これは、実際には IE8 のアップグレードでは見事に機能しますが、respond.js の機能が失われます。

この競合の原因を知っている人はいますか?

Bootstrap3 を使用して Web サイトを構築していますが、IE で動作するようにしたいと考えています。ページの下部にrespond.jsを含めると機能しているように見えますが、実際に使用する前に、これが実際に正しいことを確認したいと思います.

私の質問は単純です。具体的には、respond.js という JS ファイルをどこに含めるかは重要ですか?

コードを最新のTwitter Bootstrap v3に更新し、古い (ie7 以下) ブラウザーのサポートを終了しました。ie8 / ie9 でさえ完全にサポートされていないため、サードパーティのプラグイン/スクリプトを使用しようとしています。重要または必要でない限り、IE 固有の css を記述する必要はありません( css3 の影、角の丸みなどについて心配する必要はありません)。

modernizr.jsこれを使用します、 respond.js (古いブラウザーでのメディア クエリのサポートにも使用すると思います)

modernizr.js と Respond.js が連携できるかどうか教えてください

また

* modernizr.js がカバーしているのでhtml5shiv.jsは必要ないと思います(必要かどうか教えてください)? また、modernizr.js が html5 拡張機能を提供しない場合、respond.js と一緒にロードできますか?

まだie9.jsを使用する必要があるかどうか教えてください。はいの場合、どの組み合わせで？

私が望むように

a) メディア クエリのサポート b) css3 機能のサポートのブラウザー検出 (modernizr.js はうまく機能します) c) 自分の Web サイトを IE ブラウザーで動作させたい (影、丸みを帯びた角などは気にせず、バグのレイアウト、フロートのみ)など）

この状況で私を助けてください、ああ、私も使用します

だから、私が望む結果を達成するために、これらで何かをする必要があることを教えてください（特にchrome-1を使用する必要がありますか？

ありがとう

*更新: * この質問をしたので、私はこのアプローチを使用しています。html5shiv を使用せずにカスタムの modernizr ビルドを使用しています。また、 respond.jsを使用して、同じ結果をie7.js試しie9.jsてみました (問題を引き起こすのではなく、v. バグが見つかりました)。html5shivを分離し、それ以来うまく機能しています。

今、私もこのタグを使用しています。 <meta http-equiv="X-UA-Compatible" content="IE=edge" /> ドロップされたchrome=1

Bootstrap 3 を実行し、IE8 を除くすべてのブラウザーで完全に動作する Web サイトがあります。メディア クエリがサポートされていないため、コンテンツがモバイル デバイスで実行されているかのように伸びてしまうことが問題です。

私は、respond.js、html5shiv.js、および Google の html5shim を含めようとしました。メタ http-equiv-tag も含まれています。メディアクエリはまだ機能していないようです。

また、respond.js は xmlHttpRequest-thingy であるため、ローカルでは機能しないことはわかっていますが、このサイトは Web サーバー上で実行されています。

また、respond.js と html5shiv.js の両方が見つかり、リンクが壊れていないことも確認しました。

何か案は？

Bootstrap 3 を使用して IE8 と互換性のあるサイトを作成しています。コードはほとんどのブラウザーで正常に動作します。IE8 で動作するように、respond.js を追加しました。IE8 では何らかの理由で、3 列目は常に次の行に戻ります。 http://jsfiddle.net/suRzm/

ドキュメント モードが IE8 に設定されている場合、IE9+ スタイルシートにはメディア クエリ (モバイルが最初) が含まれており、ブラウザー モードがまだ IE9 に設定されているため、それらは IE8 ドキュメント モードで取り込まれるため、IE9+ でRespond.jsを使用しています。

スタイルシートの直後に、可能な限り早い段階でスクリプト タグを使用して、respond.js を含めました。ただし、ドキュメント モードを IE8 に設定して IE9 でページを読み込むと、メディア化されていないコンテンツが約 4 分の 1 秒間表示されます。

フラッシュを防止するものはありますか？

質問は基本的にタイトルにあります: 含めるメディア クエリを選択すると (extra の下で)、modernizr ビルド ツールには、respond.js および/または matchmedia.js が含まれますか?

それとも、Modernizr.load を使用して手動で含める必要がありますか? （ソースを見ましたが、respond.jsがそこにあるかどうかはわかりません）

Modernizr、Respond.js、Bootstrap、およびいくつかのメディア クエリを使用してコード化されたカスタム CSS を使用してアプリを構築しています。IE8 での応答性を無効にしたい (1024px 未満のすべてのメディア クエリ)。ブラウザのサイズを変更するとスタイルが台無しになるため、IE8ですべてまたは選択したメディアクエリを無効にできるので、通常のデスクトップビューをIE8でのみサポートしたい. http://getbootstrap.com/getting-started/#disable-responsiveの指示に従って Bootstrap スタイルを無効にすることができましたが、他のすべてのメディア クエリを無効にするためにどこから始めればよいかわかりません。助言がありますか？