1

私はモバイルファーストのサイトを構築していますが、メニューにこだわっています。
Firefox、Chrome、Safari、Operaではすべてがうまく機能します。あなたがここで見ることができるように。

しかしもちろん、ブラウザの流産、インターネットエクスプローラーの哀れな言い訳は、メディアクエリをサポートしていません。そこで私はブラウジングを開始し、I diotExperienceメディアクエリの問題に対するjavascriptソリューションを見つけました。（私がそこで何をしたかを見てください？） 応答-scottjehlによる

それで、私はすぐにスクリプトを実装し、私のケーキをつかんで、ブラウザの世界のにじみ出る陰嚢に対するこの勝利を祝い始めました。しかし、残念ながら、スクリプトはまったく何もしませんでした、そして私は私のマイクロソフトによって引き起こされた鬱病に戻りました。

次のように、スクリプトをヘッダーに実装しました。

 <!--[if (lt IE 9) & (!IEMobile)]>
    <script type="text/javascript" src="js/respond.min.js"></script>
 <![endif]-->

そして、メディアクエリを閉じる前にコメントを追加しました。

/*/mediaquery*/

誰かがここで何がうまくいかないのか考えましたか？

4

1 に答える 1

0

解決しました。私のDOCTYPEと関係がありました。古いバージョンのIEをサポートしていませんでした。

このコードはそれを修正しました：

<!DOCTYPE html>
<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!--><html lang="en"> <!--<![endif]-->
于 2013-03-26T13:40:10.470 に答える