6

そのため、 CSS@mediaクエリは IE8 では機能しません。

@media (min-width: 768px) {
/* some css */
}
@media (min-width: 972px) and (max-width: 1024px){
/* different css */
}

これで、 とという名前の個別の CSS ファイルを作成し、Javascript を使用して、ページ幅の調整に合わせてファイルを動的にロードおよびアンロードできます。しかし、それは DRY に違反しており、複数の場所で CSS を維持するのは面倒です。IE_min768.cssIE_min972_max1024

Javascript (IE のみ) を使用して実際に CSS ファイルを読み取り、@mediaセクションを検出し、正しい状況でその CSS をブラウザーに動的に適用することは可能でしょうか?

4

1 に答える 1

6

車輪を再発明しないでください。Respond.jsを使用するだけです。

GitHub の readme から:

このスクリプトの目的は、CSS3 メディア クエリをサポートしていないブラウザー (特に Internet Explorer 8 以下) でレスポンシブ Web デザインを有効にする、高速で軽量 (3kb 縮小 / 1kb gzip) スクリプトを提供することです。これはおそらく、サポートしていない他のブラウザのサポートにもパッチを適用するような方法で書かれています (詳細は近日中に)。

于 2012-09-06T19:07:22.843 に答える