드림위버 반응형웹 미디어쿼리에 대해 아시는분 있으시면..
본문
드림위버 반응형웹 미디어쿼리에 대해 아시는분 있으시면
제가 index.html 요기에다가
<!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=utf-8" />
<meta name="viewport" content="width=device-width" />
<title><?=$sub1_a?></title>
<!-- 폰 -->
<link href="http://infocomz.cafe24.com/css/mobile.css" rel="stylesheet" type="text/css" media="only screen and (max-width:320px)" />
<!-- 타블렛 -->
<link href="http://infocomz.cafe24.com/css/tab.css" rel="stylesheet" type="text/css" media="only screen and (min-width:321px) and (max-width:768px)" />
<!-- 데스크탑 -->
<link href="http://infocomz.cafe24.com/css/desk.css" rel="stylesheet" type="text/css" media="only screen and (min-width:769px)" />
</head>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width" />
<title><?=$sub1_a?></title>
<!-- 폰 -->
<link href="http://infocomz.cafe24.com/css/mobile.css" rel="stylesheet" type="text/css" media="only screen and (max-width:320px)" />
<!-- 타블렛 -->
<link href="http://infocomz.cafe24.com/css/tab.css" rel="stylesheet" type="text/css" media="only screen and (min-width:321px) and (max-width:768px)" />
<!-- 데스크탑 -->
<link href="http://infocomz.cafe24.com/css/desk.css" rel="stylesheet" type="text/css" media="only screen and (min-width:769px)" />
</head>
<script language='JavaScript' type='text/javascript'>
<!--
function resizeFrame(iframeObj){
/* 아이프레임에서 읽어들인 페이지의 body */
var innerBody = iframeObj.contentWindow.document.body;
/* 높이 다시설정 */
var innerHeight = innerBody.scrollHeight + (innerBody.offsetHeight - innerBody.clientHeight);
iframeObj.style.height = innerHeight;
var innerHeight = innerBody.scrollHeight + (innerBody.offsetHeight - innerBody.clientHeight);
iframeObj.style.height = innerHeight;
/*---------- 넓이도 함께 자동조정되야 한다면 주석을 풀어주세요~--------------------------------
// 넓이 다시설정
var innerWidth = innerBody.scrollWidth + (innerBody.offsetWidth - innerBody.clientWidth);
iframeObj.style.width = innerWidth;
---------------------------------------------------------------------------------------------------*/
// 넓이 다시설정
var innerWidth = innerBody.scrollWidth + (innerBody.offsetWidth - innerBody.clientWidth);
iframeObj.style.width = innerWidth;
---------------------------------------------------------------------------------------------------*/
this.scrollTo(1,1); //[락위듀]아렌티 님의 지적
}
//-->
</script>
}
//-->
</script>
<?
include_once("./_head.php")
?>
include_once("./_head.php")
?>
<?
include_once("./head.php")
?>
include_once("./head.php")
?>
<iframe src="http://infocomz.cafe24.com/info_build/bbs/board.php?bo_table=test" onload="resizeFrame(this)" scrolling="auto" width="98%" frameborder="0"></iframe>
<div align="center" style="padding:2% 0 0 0; background-color:#f1f1f">
</div>
이렇게 넣었구요~
요기에는 간단하게
<div class="t-logo">
<ul>
<li><a href="./index.html" target="_parent"><img src="./img/logo.jpg" border="0"></a></li>
</ul>
</div>
<ul>
<li><a href="./index.html" target="_parent"><img src="./img/logo.jpg" border="0"></a></li>
</ul>
</div>
이렇게 넣엇는데
desk.css 파일이 안불러와지는지 적용이 안됩니다.
@charset "utf-8";
ul { list-style:none; }
.t-logo { width: 0 auto; background-color:#CCC; }
.t-logo { width: 0 auto; background-color:#CCC; }
이렇게 들어가있는데
list-style:none; list-style-type:none; 로 해봐도 li점이 안없어지는거 보니
css를 읽어오지 못하는듯 합니다~
왜그런는걸까요 ㅠㅠ
답변을 작성하시기 전에 로그인 해주세요.
