判斷讀者瀏覽器型別和螢幕解析度，自動呼叫不同CSS

我們在設計網頁的時候乙個比較頭痛的問題是究竟我們的瀏覽者的解析度是多少？如果使我們的瀏覽者能夠更好的去瀏覽到我的網頁，這個是我們設計前必須思考的問題。所以leying在設計網頁的時候第乙個想的是相容現在大多數瀏覽者的螢幕解析度，這裡頭有幾種最常用的方法：

1、硬行把網頁先用**框起來，框的解析度應該是在760－780象素，其餘的空間可以給乙個背景圖或者空白.

2、用自動縮放的方法也可以實現，這種方法比較古老，而且很簡單，這個不多說了；

3、用自動判斷的方法。

今天，就第三種方法來說說，如何來判斷出瀏覽者的螢幕解析度，根據不同的解析度給予讀者不同的瀏覽內容：

網路上也有一些能自動判斷出你的瀏覽器是什麼型別或者什麼版本的**，整合過來。

一、既判斷解析度，也判斷瀏覽器，使之成為判斷瀏覽器型別螢幕解析度自動呼叫不同css的**。

為了大家明白，這裡簡單解析一下：

引用內容

var ie1024="";

var ie800="";

var ie1152="";

var ieother="";

引號裡面分別填寫，使用者使用ie的時候並且解析度為1024*768,800*600,1152*864要使用的css檔名。

var firefox1024="";

var firefox800="";

var firefox1152="";

var firefoxother="";

引號裡面分別填寫，使用者使用firefox（乙個也很流行的瀏覽器）的時候並且解析度為1024*768,800*600,1152*864要使用的css檔名。

var other1024="";

var other800="";

var other1152="";

var otherother="";

引號裡面分別填寫，使用者使用其他瀏覽器的時候並且解析度為1024*768,800*600,1152*864要使用的css檔名。

二、不判斷解析度，只判斷瀏覽器實現根據瀏覽器型別自動呼叫不同css。

解釋：（和前面的差不多）

如果瀏覽器為ie，則呼叫default.css

如果瀏覽器為firefox，則呼叫default2.css

如果瀏覽器為其他，則呼叫newsky.css

使用方法：

很簡單，放在 「」 前面即可。

判斷讀者瀏覽器型別和螢幕解析度，自動呼叫不同CSS

我們在設計網頁的時候乙個比較頭痛的問題是究竟我們的瀏覽者的解析度是多少？如果使我們的瀏覽者能夠更好的去瀏覽到我的網頁，這個是我們設計前必須思考的問題。所以leying在設計網頁的時候第乙個想的是相容現在大多數瀏覽者的螢幕解析度，這裡頭有幾種最常用的方法 1 硬行把網頁先用 框起來，框的解析度應該是在...

瀏覽器解析度自適配

主要用到的兩段 window.onresize function 檢測視窗尺寸變化 document.body.clientwidth 當前螢幕寬度 檢測變化 window.onresize function var mainele document.getelementbyid main func...

常見的瀏覽器解析度

測試web網頁的適配，必須要了解下最主要的解析度，以及最低適配 16 9寬高比常見的解析度有四種 1280 720 17吋 1366 768 1360 768 18.5吋 1600 900 20吋 1920 1080 21.5 23 23.6 24 24.6 25 27 1280 800是筆記本常用...