判断一下浏览器类型,然后设置宽度啊就好了
下面是判断浏览器的代码,你用DOM设置宽度就好了
第一种,只区分浏览器,不考虑版本
<!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>无标题文档</title> <script type="text/javascript"> function myBrowser(){ var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串 var isOpera = userAgent.indexOf("Opera") > -1; if (isOpera){return "Opera"}; //判断是否Opera浏览器 if (userAgent.indexOf("Firefox") > -1){return "FF";} //判断是否Firefox浏览器 if (userAgent.indexOf("Safari") > -1){return "Safari";} //判断是否Safari浏览器 if (userAgent.indexOf("compatible") > -1 && userAgent.indexOf("MSIE") > -1 && !isOpera){return "IE";} ; //判断是否IE浏览器 } //myBrowser() end //以下是调用上面的函数 if(myBrowser()=="IE"){alert("我是 IE");} if(myBrowser()=="FF"){alert("我是 Firefox");} if(myBrowser()=="Opera"){alert("我是 Opera");} if(myBrowser()=="Safari"){alert("我是 Safari");} //下面这两句是显示 navigator.userAgent 信息 以方便理解 var userAgent = navigator.userAgent; document.write(userAgent); //你可以把它干掉 </script> </head> <body> </body> </html> |
第二种,区分浏览器,并考虑IE5.5 6 7 8
<!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>无标题文档</title> <script type="text/javascript"> function myBrowser(){ var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串 var isOpera = userAgent.indexOf("Opera") > -1; //判断是否Opera浏览器 var isIE = userAgent.indexOf("compatible") > -1 && userAgent.indexOf("MSIE") > -1 && !isOpera ; //判断是否IE浏览器 var isFF = userAgent.indexOf("Firefox") > -1 ; //判断是否Firefox浏览器 var isSafari = userAgent.indexOf("Safari") > -1 ; //判断是否Safari浏览器 if(isIE){ var IE5 = IE55 = IE6 = IE7 = IE8 = false; var reIE = new RegExp("MSIE (\\d+\\.\\d+);"); reIE.test(userAgent); var fIEVersion = parseFloat(RegExp["$1"]); IE55 = fIEVersion == 5.5 ; IE6 = fIEVersion == 6.0 ; IE7 = fIEVersion == 7.0 ; IE8 = fIEVersion == 8.0 ; if(IE55){ return "IE55"; } if(IE6){ return "IE6"; } if(IE7){ return "IE7"; } if(IE8){ return "IE8"; } }//isIE end if(isFF){ return "FF"; } if(isOpera){ return "Opera"; } }//myBrowser() end //以下是调用上面的函数 if(myBrowser()=="FF"){alert("我是 Firefox");} if(myBrowser()=="Opera"){alert("我是 Opera");} if(myBrowser()=="Safari"){alert("我是 Safari");} if(myBrowser()=="IE55"){alert("我是 IE5.5");} if(myBrowser()=="IE6"){alert("我是 IE6");} if(myBrowser()=="IE7"){alert("我是 IE7");} if(myBrowser()=="IE8"){alert("我是 IE8");} //下面这两句是显示 navigator.userAgent 信息 以方便理解 var userAgent = navigator.userAgent; document.write(userAgent); //你可以把它干掉 </script> </head> <body > </body> </html> |