浏览器兼容--CSS

转载 2011年01月19日 10:51:00

http://www.cnblogs.com/tangzx365/archive/2011/01/18/1938149.html

 

////不同浏览器,分辨率:

<link href="" rel="stylesheet" type="text/css" />

<script  type= "text/javascript"  language="JavaScript">
<!--
if (window.navigator.userAgent.indexOf("MSIE")>=1)
{
//如果浏览器为IE
var IE1024="default.css";
var IE800="default.css";
var IE1152="default.css";
var IEother="default.css";
ScreenWidth(IE1024,IE800,IE1152,IEother)
}else{
if (window.navigator.userAgent.indexOf("Firefox")>=1)
{
//如果浏览器为Firefox
var Firefox1024="";
var Firefox800="";
var Firefox1152="";
var Firefoxother="";
ScreenWidth(Firefox1024,Firefox800,Firefox1152,Firefoxother)
}else{
//如果浏览器为其他
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;

}
//-->
</script>

////不同浏览器:
<script type ="text/javascript" language="javascript" >

if (window.navigator.userAgent.indexOf("MSIE")>=1)
{
//如果浏览器为IE
document.write('<link rel=stylesheet type="text/css" href="style/default.css">')
}
else
{
if (window.navigator.userAgent.indexOf("Firefox")>=1)
{
//如果浏览器为Firefox
document.write('<link rel=stylesheet type="text/css" href="style/default2.css">')
}
else
{
//如果浏览器为其他
document.write('<link rel=stylesheet type="text/css" href="style/newsky.css">')
}
}
</script>

////不同分辨率:

 <script  type="text/javascript"  language="javascript" >

if (screen.width == 800)
{
document.write('<link rel=stylesheet type="text/css" href="style/css800.css">')
}
else {document.write('<link rel=stylesheet type="text/css" href="style/css1024.css">')}
 
</script>

Css与各浏览器兼容性

  • 2013年09月24日 10:04
  • 17KB
  • 下载

编写跨浏览器兼容的 CSS 代码

为 Web 设计师,你的网站在各种浏览器中有完全一样的表现是很多人的目标,然而这是一个永远无法真正实现的目标,很多人认为,完美的跨浏览器兼容并不必要,这样说虽然没错,但在很多情形,一种近似的兼容还是很...
  • avrsam
  • avrsam
  • 2014年02月07日 17:25
  • 369

CSS_浏览器兼容

  • 2012年03月12日 10:12
  • 130KB
  • 下载

浏览器兼容性问题解决方案之CSS——已在IE、FF、Chrome测试

在浏览器兼容之JavaScript篇——已在IE、FF、Chrome测试和浏览器兼容性问题解决方法,已在IE、FF、Chrome测试中已经对浏览器中存在的CSS的兼容性和JS的兼容性进行了简单说明,现...

最全的CSS浏览器兼容问题

  • 2012年07月25日 15:51
  • 38KB
  • 下载

flash轮播,兼容多浏览器的CSS

  • 2016年05月19日 11:41
  • 5.06MB
  • 下载

CSS左侧固定宽 右侧自适应(兼容所有浏览器)

左侧固定宽,右侧自适应屏幕宽; 左右两列,等高布局; 左右两列要求有最小高度,例如:200px;(当内容超出200时,会自动以等高的方式增高) 要求不用JS或CSS行为实现; 仔细分析试题要求...

css浏览器兼容性问题

  • 2013年12月08日 19:44
  • 52KB
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:浏览器兼容--CSS
举报原因:
原因补充:

(最多只允许输入30个字)