Call different css files based on different resolutions

Extracted from http://bbs.zdnet.com.cn/thread-108803-1-1.html

<Script language = "javascript">
<! --
If (window. navigator. userAgent. indexOf ("MSIE")> = 1)
{
Var IE1024 = "";
Var IE800 = "";
Var IE1152 = "";
Var IEother = "";
ScreenWidth (IE1024, IE800, IE1152, IEother)
} Else {
If (window. navigator. userAgent. indexOf ("Firefox")> = 1)
{
File: // If the browser is Firefox
Var Firefox1024 = "";
Var Firefox800 = "";
Var Firefox1152 = "";
Var Firefoxother = "";
ScreenWidth (Firefox1024, Firefox800, Firefox1152, Firefoxother)
} Else {
File: // If the browser is another
Var Other1024 = "";
Var Other800 = "";
Var Other1152 = "";
Var Otherother = "";
ScreenWidth (Other1024, Other800, Other1152, Otherother)
}
}
Function ScreenWidth (CSS1, CSS2, CSS3, CSS4 ){
If (screen. width = 1024) & (screen. height = 768 )){
SetActiveStyleSheet (CSS1 );
} Else {
If (screen. width = 800) & (screen. height = 600 )){
SetActiveStyleSheet (CSS2 );
} Else {
If (screen. width = 1152) & (screen. height = 864 )){
SetActiveStyleSheet (CSS3 );
} Else {
SetActiveStyleSheet (CSS4 );
}}}
}
Function setActiveStyleSheet (title ){
Document. getElementsByTagName ("link") [0]. href = "style/" + title;
}
File: // -->
</SCRIPT>
This post from ZDNetChina Chinese community http://bbs.zdnet.com.cn, this post address: http://bbs.zdnet.com.cn/viewthread.php? Tid = 108803

 

 

[Explanation ]:

Var IE1024 = "";
Var IE800 = "";
Var IE1152 = "";
Var IEother = "";

Fill in the quotation marks separately. When you use IE, the resolution is 1024*768,800*600,115 2*864.

Var Firefox1024 = "";
Var Firefox800 = "";
Var Firefox1152 = "";
Var Firefoxother = "";

Fill in the quotation marks separately. When FF is used, the resolution is 1024*768,800*600,115 2*864.

Var Other1024 = "";
Var Other800 = "";
Var Other1152 = "";
Var Otherother = "";

Fill in the quotation marks separately. When you use other browsers, the resolution is 1024*768,800*600,115 2*864.

No resolution, only browser judgment

At E. Qiang's proposal, compile the following code. Implement automatic calling of different CSS based on the browser type.

Code:

<Script language = "javascript">
<! --
If (window. navigator. userAgent. indexOf ("MSIE")> = 1)
{
File: // If the browser is IE
SetActiveStyleSheet ("default.css ");
} Else {
If (window. navigator. userAgent. indexOf ("Firefox")> = 1)
{
File: // If the browser is Firefox
SetActiveStyleSheet ("default2.css ");
} Else {
File: // If the browser is another
SetActiveStyleSheet ("newsky.css ");
}
}
Function setActiveStyleSheet (title ){
Document. getElementsByTagName ("link") [0]. href = "style/" + title;
}
File: // -->
</SCRIPT>

Explanation:

If the browser is Internet Explorer, default.css is used.

If the browser is firefox, default2.css is used.

If the browser is another user, newsky.css is used.

Usage: place it in This post from ZDNetChina Chinese community http://bbs.zdnet.com.cn, this post address: http://bbs.zdnet.com.cn/viewthread.php? Tid = 108803