2010-12-02 10 views
2
私はあなたがとても親切になるだろうしてください場合

助け...は、ブラウザのウィンドウサイズに応じて、異なるCSSスタイルシートを適用する - 私は決定的な何かを見つけることができません

私はこれについて移動する最善の方法を特定するいくつかの困難を持っています、 Googleの新しいアルゴリズムは私の検索結果にはあまり役に立たないからです。

My siteは、流体の幅が100%で、1152/1024以下のユーザーのスタイルシートを変更する必要があります。私は解像度を検出してこれらの新しいスタイルシートを適用するためにjscriptの次の部分から始めましたが、IEではうまくいきませんでした。

実際のブラウザウィンドウに基づいたスタイルシートが最適ですが、コンテンツの最大幅は1280ピクセルであるため、ウィンドウのサイズを最小限に抑えた巨大な解像度は影響を受けません。 1024以下の解像度のウィンドウを最小化します。

ここで頭に置く私の現在のコードがあります:

<script type="text/JavaScript"> 
var screenwidth = screen.width; 
if (screen.width < 1280){ 
document.write('<link rel="stylesheet" href="/Assets/Templates/Common/Public/1024res.css" type="text/css" media="screen" />'); 
} 
</script> 

だから、私の質問は次のとおりです。1)なぜIEでこの作品にはありませんか?そして2)これは最善のルートですか、特にjscriptが無効になる可能性があると考えていますか?誰もがこれを達成するための最良の方法を知っていますか?

何か助けてください!

答えて

5

非javascriptの方法:

<link rel="stylesheet" media="screen and (min-device-width: 1152px)" href="800.css" /> 

参照:コメントをhttp://css-tricks.com/resolution-specific-stylesheets/

+0

おかげで - 私はこれを試してみましたが、それはどちらかのIEでは動作しません!任意のアイデアなぜ?ありがとう:) – Sue

+0

どのバージョンのIE? –

+0

IE 8 ..ちょうどそれを動作させることができません!その他の提案はありますか?私はこの仕事をするために切望しています...ユーザーは私が入力したときにバウンスしていますが、私はいくつか試しましたが、今までのところクロスブラウザーは機能しません – Sue

関連する問題