根据浏览器分辨率不同自动调用不同CSS

原创 2007年09月21日 10:51:00
<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)
{
//如果浏览器为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 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)
{
//如果浏览器为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>
 

根据判断PC浏览器类型和手机屏幕像素自动调用不同CSS

php、asp、js判断客户端输出对应的样式   ------------------- 1.媒体查询方法在 css 里面这样写 -------------------- @medi...
  • duchao123duchao
  • duchao123duchao
  • 2016年09月23日 15:11
  • 5478

用js实现根据不同的分辨率和浏览器调用不同的css文件

方法一:(根据ID设定) if (screen.width == "800") { document.getElementById("MyCSS").href="80...
  • daocaorencrl
  • daocaorencrl
  • 2014年05月23日 12:00
  • 2301

根据分辨率不同,调用不同的CSS文件

根据分辨率不同,调用不同的CSS文件根据分辨率不同,调用不同的css文件 dotted; TABLE-LAYOUT: fixed; BORDER-TOP: #cccccc 1px dotted; BO...
  • myfreeway
  • myfreeway
  • 2006年09月21日 09:12
  • 700

自动适应—根据分辨率大小可以相应显示不同图片(代码)

How to redeem Xbox gold membership with coupon                                           ...
  • kfttdawv
  • kfttdawv
  • 2015年08月19日 16:01
  • 1348

兼容在不同浏览器不同分辨率下DIV高度自适应

在框架中嵌套了页面,页面中有些DIV,但都没有具体高度时,需要让一个div高度自适应时的解决办法 下面是笔者用js来判断不同浏览器的分辨率来动态设置的div高度  var getDiv = d...
  • tianyacao8025
  • tianyacao8025
  • 2011年11月30日 16:56
  • 2625

CSS背景图片自适应 根据浏览器分辨率大小自动伸缩

不常玩Css,今天需要实现背景图片的自适应分辨率,搞了好久,代码如下: /file/img/welcome_bkg.jpg" height="98%" width="99%" /> ...
  • liuyuhua0066
  • liuyuhua0066
  • 2013年11月29日 14:47
  • 4693

让背景图适应不同分辨率的设备和不同浏览器

单纯用图片铺满背景不重复方法1:body{ padding:0; margin:0; background:url(../images/vct.gif) 0 0 no-repeat scroll tr...
  • cmlddcml
  • cmlddcml
  • 2016年11月04日 16:34
  • 1689

根据不同浏览器加载不同css文件

通过判断浏览器类型而加载不同的css样式   如果你读了这篇文章,你会觉得IE浏览器很是让人头疼。但是如果你是一名优秀的前端开发人员的话,你必须得解决这个问题,我...
  • liguangming19881204
  • liguangming19881204
  • 2012年07月11日 17:01
  • 4005

JS判断各种浏览器,根据判断动态引入不同的CSS文件、JS文件

JS判断各种浏览器,根据判断动态引入不同的CSS文件、JS文件 function getBrowser() { var ua = window.navigator.userA...
  • mazhili1991
  • mazhili1991
  • 2016年12月01日 15:14
  • 3202

根据屏幕分辨率大小加载不同CSS.

一、根据屏幕分辨率大小加载不同CSS. html> head> html; charset=gb2312" /> var w=window.screen.width;//先获取屏幕分辨率大小 ...
  • dihuangtian01
  • dihuangtian01
  • 2016年09月30日 15:54
  • 1499
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:根据浏览器分辨率不同自动调用不同CSS
举报原因:
原因补充:

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