判斷用戶瀏覽器及分辨率調(diào)用不同的CSS樣式文件_CSS教程
DIV CSS教程:判定用戶分辨率調(diào)用不同的CSS樣式文件
�。ㄎ礈y試 來自網(wǎng)絡(luò) 請自行驗證)
| 以下為引用的內(nèi)容: var IE1024=""; var IE800=""; var IE1152=""; var IEother=""; |
引號里面分別填寫,用戶使用IE的時候并且分辨率為1024*768,800*600,1152*864要使用的css文件名。
| 以下為引用的內(nèi)容: var Firefox1024=""; var Firefox800=""; var Firefox1152=""; var Firefoxother=""; |
引號里面分別填寫,用戶使用FF的時候并且分辨率為1024*768,800*600,1152*864要使用的css文件名�! �
| 以下為引用的內(nèi)容: var Other1024=""; var Other800=""; var Other1152=""; var Otherother=""; |
引號里面分別填寫,用戶使用其他瀏覽器的時候并且分辨率為1024*768,800*600,1152*864要使用的css文件名。
不判定分辨率,只判定瀏覽器
應(yīng)E.Qiang提議,編如下代碼。實現(xiàn)根據(jù)瀏覽器類型自動調(diào)用不同CSS。
代碼:
| 以下為引用的內(nèi)容: <SCRIPT LANGUAGE="javascript"> <!-- if (window.navigator.userAgent.indexOf("MSIE")>=1) { file://假如瀏覽器為IE setActiveStyleSheet("default.css"); }else{ if (window.navigator.userAgent.indexOf("Firefox")>=1) { file://假如瀏覽器為Firefox setActiveStyleSheet("default2.css"); }else{ file://假如瀏覽器為其他 setActiveStyleSheet("newsky.css"); } } function setActiveStyleSheet(title){ document.getElementsByTagName("link")[0].href="style/" title; } file://--> </SCRIPT> |
解 釋:
假如瀏覽器為IE,則調(diào)用default.css
假如瀏覽器為Firefox,則調(diào)用default2.css
假如瀏覽器為其他,則調(diào)用newsky.css
用法:放在<head></head>中即可。
| 以下為引用的內(nèi)容: <SCRIPT LANGUAGE="javascript"> |
- 相關(guān)鏈接:
- 教程說明:
CSS教程-判斷用戶瀏覽器及分辨率調(diào)用不同的CSS樣式文件
。