`
- 浏览:
16474 次
-
如何根据浏览器选择不同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 实现兼容性 * 使用 <!--[endif]--> 等方法来区分不同浏览器 CSS 在不同浏览器中的兼容问题是一个复杂的问题，需要认真对待和解决。通过...
### 区别不同浏览器CSS Hack知识点详解 #### CSS Hack简介 在Web开发过程中，由于不同浏览器对CSS的支持程度不一，导致同一段CSS代码在不同的浏览器中可能呈现出不同的效果。为了确保网页能在各种浏览器中正常显示...
css的颜色，在ie和ff中是不同的，一个是16进制的数字一个是二进制的数字组合，这仅仅是一点点的不同，那么如何兼容各个浏览器，写出比较好的浏览器呢。这个小小的总结应该可以给你一些提示，不是很全面，但是还算...
CSS属性、浏览器兼容与网页布局CSS属性、浏览器兼容与网页布局CSS属性、浏览器兼容与网页布局CSS属性、浏览器兼容与网页布局CSS属性、浏览器兼容与网页布局CSS属性、浏览器兼容与网页布局CSS属性、浏览器兼容与网页...
"JS判断浏览器分辨率自动调用不同CSS"是一个实现响应式布局的技术手段，通过JavaScript检测浏览器窗口的分辨率，并据此加载相应的CSS样式表。这种技术尤其适用于多设备兼容性需求高的项目。 首先，我们需要了解...
然而，不同浏览器对CSS的支持程度和解析方式存在差异，这就需要开发者掌握一定的CSS多浏览器兼容策略。本篇文章将深入探讨如何实现CSS在多种浏览器下的良好兼容性。 首先，我们来了解一个基础概念——“清除浮动”...
根据不同的浏览器调用不同的CSS设置[网页特效]! 值得下载看看!资源免费,大家分享!! 更多免费资源 http://ynsky.download.csdn.net/
4. **CSS3选择器**：像`:nth-child()`、`:not()`、`:checked`等高级选择器在老式浏览器中可能不被支持，需谨慎使用。 5. **Border-radius**：圆角边框在大部分现代浏览器中广泛支持，但在IE8及以下需要使用`-ms-...
在网页设计和开发中，CSS Hack常常用于解决不同浏览器对CSS样式解析的差异问题。本文主要探讨了如何针对Safari浏览器进行CSS Hack，以便在不同的浏览器环境下实现样式的一致性。 首先，我们要明白CSS Hack的基本...
不同的浏览器可能对CSS的支持程度和解释方式略有差异，这可能导致在不同浏览器中页面显示不一致的问题。本教程将深入讲解CSS在浏览器中的解释过程，并重点探讨`overflow`和`offset`两个属性。 首先，我们来看`...
该脚本主要实现了根据用户所使用的浏览器类型以及屏幕分辨率来动态加载不同的CSS样式表。这种技术在早期网页开发中较为常见，用于实现针对不同设备或浏览器的适配方案。 #### 二、解析脚本逻辑 1. **检测浏览器...
在Web开发中，不同的浏览器可能对CSS规范有不同的理解和实现，导致页面在不同浏览器上显示效果不一致，这被称为“浏览器兼容性问题”。解决这些问题需要开发者深入理解各个浏览器的默认样式行为。 描述中提到的博文...
在CSS（层叠样式表）领域，跨浏览器兼容性是一个重要的课题，因为它涉及到网页在不同浏览器上的一致性展示。每个浏览器对CSS的理解和实现可能存在差异，这可能导致样式在Firefox、Chrome、Safari、Edge以及Internet ...
然而，不同浏览器对CSS的解析和渲染存在差异，尤其是老版本的IE（Internet Explorer），如IE6.0和IE7.0，以及Firefox等。这些差异往往导致兼容性问题，给开发者带来挑战。以下是一些常见的CSS浏览器兼容性问题及其...
随着Web技术的发展，不同的浏览器对于CSS的支持程度也有所不同，这导致了在开发过程中经常会遇到浏览器之间的兼容性问题。本文旨在总结和分享一系列关于CSS兼容性的技巧，帮助开发者更好地解决在不同浏览器（如IE6-...
在网页设计和开发中，了解不同浏览器的默认CSS样式至关重要，因为这直接影响到网页在不同浏览器上的呈现效果。本文将详细解析各主流浏览器，包括早期版本的默认CSS样式差异，帮助开发者更好地理解和处理浏览器兼容性...
"CSS浏览器兼容性速查"是开发者在工作中不可或缺的一个参考资料，它帮助我们了解各种CSS属性在不同浏览器上的表现，以便于优化代码，确保网站在主流浏览器上都能正常显示。 首先，我们要理解浏览器兼容性问题的来源...
不同的浏览器，尤其是Internet Explorer（IE）和Mozilla Firefox，由于对W3C标准的支持程度不同，会导致同一份CSS样式表在各个浏览器中呈现出截然不同的效果。这使得开发者需要花费大量时间去调试和调整代码，以确保...