5

最近、レスポンシブ Web サイトを作成しています。私がZurb Foundationを使用しているのは、レスポンシブ Web サイトをより効率的にするためのアドバイスや記事が最適なソリューションであるためです。しかし問題は、Foundation の新しいバージョンが IE 7+ をサポートしていないことです。ここでわかるように、IE のすべてのバージョンを Web サイトでサポートしてもらいたいのです。古い Foundation (つまり vers 3) を使用するようアドバイスする人もいます。でも、最新版が一番いいと思います。

私の質問ですが、新しい Foundation (vers. 4) で IE をサポートするための解決策はありますか? 私はここでスタックしているので、アドバイスが必要です。ありがとうございました

4

2 に答える 2

9

IE7 と IE8 の問題は、メディア クエリのサポートが組み込まれていないことです。

ただし、古いブラウザーにメディアクエリのサポートを追加する クロスブラウザーポリフィルなど、役立つオプションがいくつかあります。

最も人気のある 2 つは、Respond.jsとcss3-mediaqueries.jsです。私は両方で成功しました。

ページの先頭で、ブラウザーをテストし、必要に応じてこれらのスクリプトのいずれかを読み込みます。

過去にこれを行った方法は、条件付きコメントを使用することです。 

<!--[if (lt IE 9) & (!IEMobile)]>
<script src="path-to/respond.js"></script>
<![endif]-->

またはmodernizrを使用して 

Modernizr.load([
{
// The test: does the browser understand Media Queries?
test : Modernizr.mq('only all'),
// If not, load the respond.js file
nope : '/js/respond.js'
}
]);

どちらの方法も簡単に試すことができます。この特定のケースで役に立たなくても、おそらく別のサイトでもう一度試す機会が得られるでしょう。

幸運を！

于 2013-04-16T10:46:41.273 に答える