`
- 浏览:
15462 次
-
如何根据浏览器选择不同css?比如我有3个CSS文件,如果客户端是IE6,则使用CSS1,如果客户端是IE7或者IE8,则用CSS2,如果客户端是FIREFOX,则使用CSS3。
从网上找了下,有如下说法
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>根据判断浏览器类型屏幕分辨率自动调用不同CSS的代码</title>
<link href="" rel="stylesheet" type="text/css" />
<script language="jscript">
if (window.navigator.userAgent.indexOf("MSIE")>=1)
{
var IE1024="style1.css";
var IE800="style2.css";
var IE1152="css1.css";
var IEother="css1.css";
ScreenWidth(IE1024,IE800,IE1152,IEother)
}else{
if (window.navigator.userAgent.indexOf("Firefox")>=1)
{
//如果浏览器为Firefox
var Firefox1024="style1";
var Firefox800="style2.css";
var Firefox1152="css1.css";
var Firefoxother="css1.css";
ScreenWidth(Firefox1024,Firefox800,Firefox1152,Firefoxother)
}else{
//如果浏览器为其他
var Other1024="css1.css";
var Other800="css1.css";
var Other1152="css1.css";
var Otherother="css1.css";
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=""+title;}
</script>
</head>
<body>
</body>
</html>
分享到:
Global site tag (gtag.js) - Google Analytics
相关推荐
CSS在不同浏览器中兼容问题CSS在不同浏览器中兼容问题CSS在不同浏览器中兼容问题CSS在不同浏览器中兼容问题CSS在不同浏览器中兼容问题CSS在不同浏览器中兼容问题
资源名称:根据不同浏览器加载不同css文件资源截图: 资源太大,传百度网盘了,链接在附件中,有需要的同学自取。
css的颜色,在ie和ff中是不同的,一个是16进制的数字一个是二进制的数字组合,这仅仅是一点点的不同,那么如何兼容各个浏览器,写出比较好的浏览器呢。这个小小的总结应该可以给你一些提示,不是很全面,但是还算...
IE都能识别*;标准浏览器(如FF)不能识别*; IE6能识别*,但不能识别 !important, IE7能识别*,也能识别!important; FF不能识别*,但能识别!important;
CSS属性、浏览器兼容与网页布局CSS属性、浏览器兼容与网页布局CSS属性、浏览器兼容与网页布局CSS属性、浏览器兼容与网页布局CSS属性、浏览器兼容与网页布局CSS属性、浏览器兼容与网页布局CSS属性、浏览器兼容与网页...
根据不同的浏览器调用不同的CSS设置[网页特效]! 值得下载看看!资源免费,大家分享!! 更多免费资源 http://ynsky.download.csdn.net/
JS判断浏览器分辨率自动调用不同CSS!
个浏览器对css属性的不同支持个浏览器对css属性的不同支持
css safari浏览器识别CSS hack.docx
CSS浏览器兼容问题,解决各个浏览器中css不兼容的问题。
-通常情况下,浏览器会给元素设置一些默认样式 -默认样式的存在会影响页面的布局 -通常情况下编写网页时需要去除浏览器的默认样式 重置样式表 :专门用来对浏览器的样式进行重置 reset:直接取消了浏览器的默认...
function getBrowser() { var i = window.navigator.userAgent; var isChrome = i.indexOf("Chrome") && window.chrome; var issafari=i.indexOf("safari") && window....js判断不同浏览器内核调用不同css样式
各浏览器CSS hack兼容表各浏览器CSS hack兼容表
css浏览器兼容问题内部资料 欢迎下载!实例研究!
CSS在不同浏览器的兼容性问题
最全的CSS浏览器兼容问题整理(IE6.0、IE7.0 与 FireFox)
介绍了各个浏览器的css默认值,为前台开发提供了一定的帮助!
动态加载Css 浏览器判断 Browes 浏览器判断
css浏览器解释的说明,教学用比较好,包括overflow,偏移链接
浏览器兼容常见问题css兼容 css兼容 浏览器兼容 IE6789兼容