2013-04-14 15 views
5

私は最近、反応性の高いウェブサイトを構築しています。私はZurb Foundationを使用しています。なぜなら、いくつかのアドバイスと記事は、レスポンシブウェブサイトをより効率的にするための最良の解決策です。しかし、問題は、Foundationの新しいバージョンは、あなたがhereを見ることができるように、IE 7 +をサポートしていませんが、私はすべてのIEバージョンのための私のウェブサイトのサポートが欲しいです。古い財団を使うためのアドバイスを提案する人もいます(例えば3)。しかし、私は最新バージョンが最高だと思う。IE 7+の新しいZurb Foundationサポートを作成するには?

私の質問は、新しい基礎を作るための解決策(第4節)IEのサポートですか? 私はここに積み重ねているので、アドバイスが必要です。ありがとう

+0

この[gist](https://gist.github.com/zurbchris/5068210)はIE8のグリッドを提供していますか?それは彼らの文書にリンクされています。 – Pigueiras

+0

@Pigueiras:はい、私は前に試してみましたが、IE 8のためにその使用をしましたが、IE 7以下では役に立たない。だから、私は本当にここに積み重なっている。 – user2272831

+2

あなたのプロジェクトは非常に進んでいますか?私の意見では、IE7をサポートしていないCSSフレームワークを使用してはいけません。 Twitter BootstrapやSkeletonのようなIE7をサポートするいくつかのフレームワークがあります。とにかく、あなたのサイトに本当にIE7のサポートが必要なのはなぜですか? [世界にそのブラウザを持つ人はあまりいない](http://theie7countdown.com/)。 – Pigueiras

答えて

9

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

の場合は、古いブラウザにメディアクエリサポートを追加するいくつかのオプションがあります。cross-browser polyfills

最も普及しているのはrespond.jscss3-mediaqueries.jsです。私は両方とも成功しました。

ページの先頭で、ブラウザをテストし、必要に応じてこれらのスクリプトの1つを読み込みます。私は過去にこれをやった

つの方法は、条件付きコメントのいずれかである: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' 
} 
]); 

どちらの方法を使用して

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

かで試して十分に簡単、そしてたとえ場合ですドンこの特殊なケースを手助けしないと、おそらく別のサイトでもう一度試してみる機会があります。

幸運を祈る!

0

これは、ブートストラップを使用して見て、デスクトップ表示にデフォルト設定されているie7スタイルシートを生成しているこのhttp://justthisguy.co.uk/responsive-sass-and-ie/を書きました。私はある時点でそれの基礎版で作業するつもりです。その結果、CSSルールが重複しますが、https://github.com/addyosmani/grunt-uncssのようなものを使用してその複製を削除することができます

関連する問題