一般に、次のコードを通じて解像度を判断できます コードをコピー コードは次のとおりです: <!-- Begin <BR>function redirectPage() { <BR>var wjb51=screen.width;<BR>var hjb51=screen.height;<BR>alert("システムの検出後、画面は解決策 " wjb51 "*" hjb51 "by Script Home jb51.net"); <BR>} <BR>// End --> <br> js がブラウザの解像度を決定します コードをコピーします コードは次のとおりです: <br>function ScreenWidth (){ <br> ("800*600" ;<br> }<br>}<br>< ;input type="ボタン" name="" value="フェンビアンリ " onclick="ScreenWidth()"/> 注: この JS コードは、2 つの場合に変更して、screen.width>=1024 と screen.width=800 に変更できます そこで、次のコードを使用することにしました: コードをコピー コードは次のとおりです: if(screen.width>=1440) {alert('ワイドスクリーンで広告を読み込める');//広告コード} JS を使用してさまざまな解像度を決定し、さまざまな CSS スタイル ファイルを呼び出します 最近 Web サイトを見て、モニターの解像度が異なるとスタイル ファイルの呼び出し方が異なることがわかりました。今日はそれを勉強するために例を書きました。 コードをコピーします コードは次のとおりです。 無題ドキュメント <br>window.onload=function(){<br> var sc=document.getElementById("sc");<br> var d = document.getElementById("d");<br> if(screen.width>1024) //画面の幅を取得<br> {<br> sc.setAttribute("href","css/c2.css") ); //スタイルシートを導入するCSSのパスを設定します <br> d.innerHTML = "あなたのコンピュータの画面幅は1024より大きく、私のものは1200ピクセルで、背景色は赤になりました。";<br> }<br> else{ <br><br> sc.setAttribute("href","css/c1.css");<br> d.innerHTML = "あなたのコンピュータの画面幅は 1024 以下ですが、私の幅は 960px です, 背景色 今は青です。 ";<br> }<br> }<br> c1.css の内容 コードをコピーします コードは次のとおりです。 *{ margin:0; ;}div{ width:960px; height:400px; margin:0 auto; background:blue; color:#ffffff;} c2.css 内のコンテンツ*{ マージン:0; }div{ 幅:1200px; 高さ:0 色:#fff;}