js判斷螢幕解析度的程式碼_javascript技巧

一般我們可以透過下面的程式碼判斷解析度

複製程式碼 程式碼如下:

js判斷瀏覽器解析度

複製程式碼

程式碼如下:

<script><BR>function Screen 🎜>            if (screen.width == 1440){<BR>           if (screen.width == 800){<BR>                alert("800*600") ;<BR>         }else if (screen.width == 1152){<BR>            {<BR>                  alert("do not know!");<BR> }<BR>}<BR></script>

說明：這段js程式碼可改造一下，改為screen.width>=1024     screen.width=800兩種狀況

所以我選擇使用下面的程式碼：

複製程式碼 程式碼如下:

if(screen.width>=1440){ >alert('寬螢幕可以載入廣告了');

//一些廣告代碼
}



用JS判斷不同解析度呼叫不同的CSS樣式檔

最近看一個網站，發現顯示器不同的分辨率，樣式文件調用的也不一樣，今天寫了一個例子研究一下，

 

複製代碼 程式碼如下:

c1.css裡面的內容

複製程式碼

程式碼如下:*{ margin:0;padding:0; 🎜>div{ width:960px; height:400px; margin:0 auto; background:blue; color:#ffffff;} 

c2.css;}

 
c2.cssds}

 
c2.cssds> >*{ margin:0; padding:0;}

div{ width:1200px; height:400px; margin:0 auto; background:red; color:#fff;}