최근에 한 웹사이트를 보다가 모니터 해상도에 따라 스타일 파일이 다르게 호출되는 것을 발견했습니다. 오늘은 이를 연구하기 위해 코드 복사 코드는 다음과 같습니다. 제목 없는 문서 <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") / /Set the path to the css import style sheet <br>d.innerHTML = "귀하의 컴퓨터 화면 너비는 1024보다 크고, 내 너비는 1200px이며, 배경색은 이제 빨간색입니다." <br>} <br>else { <br> sc.setAttribute("href","css/c1.css"); <br>d.innerHTML = "컴퓨터 화면의 너비는 1024보다 작거나 같고, 내 너비는 960px입니다. 배경색은 이제 파란색입니다." ; <br>} <br>} <br> c1.css의 콘텐츠 코드 복사 코드는 다음과 같습니다. *{ margin:0;} div{ 너비:960px; 높이:400px; 여백:0 자동; 배경:파랑; 색상:#ffffff;} c2.css의 콘텐츠 코드 복사 코드는 다음과 같습니다. *{ margin:0;} div { 폭:1200px; 높이:400px; 배경:빨간색;}