最近看一個網站，發現顯示器不同的分辨率，樣式檔案呼叫的也不一樣，今天寫了一個例子研究一下， 複製程式碼 程式碼如下: 無標題文件 <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，我的寬度是1200px, 背景色現在是紅色。"; <BR>} <BR>else{ <BR>sc.setAttribute("href","css/ c1.css"); <BR>d.innerHTML = "你的電腦螢幕寬度小於或是等於1024，我的寬度是960px, 背景色現在是藍色。 > c1.css裡面的內容 複製程式碼複製程式碼 複製程式碼 程式碼如下 *{ margin:0; padding:0;} div{ width:960px; height:400px; margin:0 auto; background:blue; color:#ffffff;} c2.css裡面的內容 複製程式碼 複製程式碼 程式碼 *{ margin:0; padding:0;} div{ width:1200px; height:400px; margin:0 auto; background:red; color:#fff;}
