最近ウェブサイトを見て、モニターの解像度が異なるとスタイル ファイルの呼び出し方が異なることがわかりました。今日はそれを勉強するためにサンプルを書きました。 コードをコピー コードは次のとおりです: 無題ドキュメント <br>window.onload=function(){ <br>var sc=document.getElementById("sc"); <br>var d=document. ("d"); <br>if(screen.width>1024) //画面の幅を取得します<br>{ <br>sc.setAttribute("href","css/c2.css") / /CSS インポートされたスタイル シートへのパスを設定します。 <br>d.innerHTML = "コンピューターの画面の幅は 1024 より大きく、私の幅は 1200 ピクセルで、背景色は赤になりました。"; { <br> sc.setAttribute("href","css/c1.css"); <br>d.innerHTML = "コンピューターの画面の幅は 1024 以下ですが、私の幅は 960 ピクセルです。背景色が青になりました。" ; <br>} <br>} <br> c1.css の内容 コードをコピーします コードは次のとおりです: *{ margin:0;} div{幅:960px; 高さ:400px; マージン:0 自動; 背景:#ffffff;} c2.css の内容 コードをコピーします コードは次のとおりです: *{ margin:0;} div { 幅:1200px; 高さ:400px; マージン:0 自動; 色:#fff;}