3

私が試してみました ：

@media screen and (max-width:1024px) {
.sidebar{width:630px;}
}

IE7 と 8 の修正プログラムを入手するには これは別の書き方がありますか。css3mediaqueries js も含めようとしましたが、成功しませんでした。IE7 と IE8 のサポートはありますか?

4

5 に答える 5

3

一般に、解決する手順は、JS プラグイン、条件付きコメント、およびテスト環境の組み合わせです。

メディア クエリのサポートに Respond.js を使用しました。github からダウンロードできます。- 最新のブラウザーでこれを追加しないように、条件付きコメントを使用してください

<!--[if lt IE9]>
<script src="..directory-path/respond.js">
<![endif]-->

CSS3 のサポートをどの程度詳細に行いたいかによって、PIE.htc - css3pie.com をセットアップできます。

最後に、問題と結果をよりよく把握するために、ブラウザーのテスト オプションを調べます。

VM をセットアップする - https://modern.ie/en-us/virtualization-tools#downloads - これは私にとって非常に成功した方法であり、最も信頼できる方法だと考えています。

Browserstack - 30 日間の試用アカウントを設定できます。これは優れたツールですが、以前と同様、VM ほど信頼性は高くありません。

于 2014-09-12T04:07:58.670 に答える
1

css3-mediaqueries.js はまだ試していません。たぶん、respond.jsを試してみてください。これは、メディア クエリをネイティブにサポートしていないIE 6-8 で実際に機能します ( Can I use ... を参照)。

とにかく、なぜ今でも IE 7 をサポートしているのですか? まだ IE 7 を実行している各システムは、IE 8 に更新される可能性があります。また、Flexbox などの最新の CSS3 レイアウト機能のフォールバックは、IE 8 が「display: table-xy」をサポートしているため (IE 7 ではサポートされていません)、はるかに簡単です。 .

個人的には、Javascript のサポートに依存して CSS レイアウトを作成するのは非生産的であると考えているため、基本的なレイアウトには Shim/Polyfill を使用しません。

于 2013-08-13T09:50:52.623 に答える
0

私の知る限り、メディア クエリは IE7 と IE8 ではサポートされていないと思います。

こちらをご覧ください

このスレッドに出くわしたばかりですが、これには回避策があるかもしれません。

元の投稿はこちら: CSS Media Query の IE8 サポート

于 2013-08-13T09:47:42.063 に答える