11

条件ステートメントを使用して、別のスタイルシートを添付したいと思います:

if the clients resolution is <= 1024*768

これは可能だと確信していますが、そのコードを見たことがありませんか?

ps。私はJavaScriptソリューションを探していません

4

3 に答える 3

13

CSS 3 ではメディア クエリが導入されていますが、これは新しく、サポートはまだそれほど普及していません (たとえば、Firefox はバージョン 3.5 でのみ導入され、Internet Explorer はバージョン 9 まで取得されません)。CSS Tricks には、さまざまなブラウザー ウィンドウ サイズ(表示解像度よりも有用な指標) に応じてさまざまな CSSを提供するためのチュートリアルがあります。

ブラウザのサポートをテストできます。

于 2010-07-07T12:26:13.667 に答える
2

完全にクライアント側でJavaScript駆動のこのオプションがあり、scriptタグを追加します：

<script type="text/javascript">

if (screen.height < 900) { 

document.write('<link href="UrLowRes.css" type="text/css" rel="stylesheet"/>');

} else { 

document.write('<link href="UrlHighRes.css" type="text/css" rel="stylesheet"/>');

} 

</script>

ifスマートフォンやタブレット用のステートメントを追加することもできます。

于 2012-10-20T01:47:59.307 に答える