2

ウェブ上で多くの例を検索して見つけましたが、ここでもスタックオーバーフローにありますが、100% 説明されているものはありません。CSSメディアスクリーンで回答を出したい人は、私が知っていることをしないでください。しかし、この質問は IE7+ 向けです。「CSSメディアスクリーン」をサポートしていないためです。

これは私が見つけた例です：

$(document).ready(function() {

if (screen.width>=800) {
    $("link[rel=stylesheet]:not(:first)").attr({href : "style1.css"});
    } else {
    $("link[rel=stylesheet]:not(:first)").attr({href : "style.css"});
    }
});

私はjqueryを初めて使用するので、4つの異なる画面解像度に対して4つの異なるスタイルがある場合に備えて、このスクリプトを変更する方法を教えてください。

だから私はこのようなものを持っていると嘘をつきます：

  1. if screen > 1 && screen < 600
  2. もし画面 > 601 && 画面 < 1280
  3. 画面の場合 > 1281 && 画面 < 1600
  4. 画面の場合 > 1 1601

私を助けてください！

4

2 に答える 2

5
于 2013-04-07T11:40:34.133 に答える
1

実際、メディアクエリが答えです。この shivを使用して、メディア クエリのサポートを IE7 および 8 に追加するだけで、準備完了です。面倒な JavaScript は必要ありません。

于 2013-04-07T11:47:23.713 に答える