해상도에 따라 다른 CSS 파일이 호출됩니다. 해상도에 따라 다른 CSS 파일이 호출됩니다.
점선; 표-레이아웃: 고정; 경계-왼쪽: #cccccc 점선 1px; 테두리=0> <SCRIPT LANGUAGE="javascript">
<!--
if (window.navigator.userAgent.indexOf("MSIE")>=1)
{
var IE1024="";
var IE800="";
var IE1152="";
varIEother="";
화면 너비(IE1024,IE800,IE1152,IE기타)
}또 다른{
if (window.navigator.userAgent.indexOf("Firefox")>=1)
{
file://브라우저가 Firefox인 경우
var Firefox1024="";
var Firefox800="";
var Firefox1152="";
var Firefoxother="";
화면 너비(Firefox1024,Firefox800,Firefox1152,Firefox기타)
}또 다른{
file://브라우저가 다른 경우
var 기타1024="";
var 기타800="";
var 기타1152="";
var 기타기타="";
화면 너비(기타1024,기타800,기타1152,기타기타)
}
}
함수 화면 너비(CSS1,CSS2,CSS3,CSS4){
if ((screen.width == 1024) && (screen.height == 768)){
setActiveStyleSheet(CSS1);
}또 다른{
if ((screen.width == 800) && (screen.height == 600)){
setActiveStyleSheet(CSS2);
}또 다른{
if ((screen.width == 1152) && (screen.height == 864)){
setActiveStyleSheet(CSS3);
}또 다른{
setActiveStyleSheet(CSS4);
}}}
}
함수 setActiveStyleSheet(제목){
document.getElementsByTagName("link")[0].href="style/"+title;
}
파일://-->
</SCRIPT>
설명하다:
var IE1024="";
var IE800="";
var IE1152="";
varIEother="";
따옴표를 각각 입력하고, 사용자가 IE를 사용할 때 사용할 CSS 파일명을 입력하며 해상도는 1024*768, 800*600, 1152*864입니다.
var Firefox1024="";
var Firefox800="";
var Firefox1152="";
var Firefoxother="";
따옴표를 각각 입력하고 사용자가 FF를 사용할 때 사용할 CSS 파일명을 입력하며 해상도는 1024*768, 800*600, 1152*864입니다.
var 기타1024="";
var 기타800="";
var 기타1152="";
var 기타기타="";
*
600, 1152*864인 경우 사용할 CSS 파일 이름
은 판단되지 않으며 브라우저만 판단됩니다
.E.Qiang의 제안에 따라 다음 코드를 컴파일하십시오. 브라우저 유형에 따라 다른 CSS를 자동으로 호출합니다.
암호:
<SCRIPT LANGUAGE="자바스크립트">
<!--
if (window.navigator.userAgent.indexOf("MSIE")>=1)
{
file://브라우저가 IE인 경우
setActiveStyleSheet("default.css");
}또 다른{
if (window.navigator.userAgent.indexOf("Firefox")>=1)
{
file://브라우저가 Firefox인 경우
setActiveStyleSheet("default2.css");
}또 다른{
file://브라우저가 다른 경우
setActiveStyleSheet("newsky.css");
}
}
함수 setActiveStyleSheet(제목){
document.getElementsByTagName("link")[0].href="style/"+title;
}
파일://-->
</SCRIPT>
설명:
브라우저가 IE이면 default.css를 호출하고,
브라우저가 Firefox이면 default2.css를 호출합니다.
사용법: <head></head>에 배치합니다
.
그냥 치세요.