팝업레이어관리 반응형으로 바꾸기
본문
반응형은 지원하지 않는다고 해서 bbs/newwin.inc.php의
<div id="hd_pops_<?php echo $nw['nw_id'] ?>" class="hd_pops" style="top:<?php echo $nw['nw_top']?>px;left:<?php echo $nw['nw_left']?>px">
<div class="hd_pops_con" style="width:<?php echo $nw['nw_width'] ?>px;height:<?php echo $nw['nw_height'] ?>px">
<?php echo conv_content($nw['nw_content'], 1); ?>
</div>
<div class="hd_pops_footer">
<button class="hd_pops_reject hd_pops_<?php echo $nw['nw_id']; ?> <?php echo $nw['nw_disable_hours']; ?>"><strong><?php echo $nw['nw_disable_hours']; ?></strong>시간 동안 다시 열람하지 않습니다.</button>
<button class="hd_pops_close hd_pops_<?php echo $nw['nw_id']; ?>">닫기 <i class="fa fa-times" aria-hidden="true"></i></button>
</div>
</div>
를
<div id="hd_pops_<?php echo $nw['nw_id'] ?>" class="hd_pops" style="top:<?php echo $nw['nw_top']?>px;left:<?php echo $nw['nw_left']?>px;
<?php if ($windowWidth <= 480) echo 'top: 0; left: 0;'; else echo 'top:' . $nw['nw_top'] . 'px; left:' . $nw['nw_left'] . 'px;'; ?>">
<div class="hd_pops_con" style="width:<?php echo $nw['nw_width'] ?>px;height:<?php echo $nw['nw_height'] ?>px;
<?php if ($windowWidth <= 480) echo 'width: 70vw; height: fit-content;'; else echo 'width:' . $nw['nw_width'] . 'px; height:' . $nw['nw_height'] . 'px;';?>">
<?php echo conv_content($nw['nw_content'], 1); ?>
</div>
<div class="hd_pops_footer">
<button class="hd_pops_reject hd_pops_<?php echo $nw['nw_id']; ?> <?php echo $nw['nw_disable_hours']; ?>"><strong><?php echo $nw['nw_disable_hours']; ?></strong>시간 동안 다시 열람하지 않습니다.</button>
<button class="hd_pops_close hd_pops_<?php echo $nw['nw_id']; ?>">닫기 <i class="fa fa-times" aria-hidden="true"></i></button>
</div>
</div>
로변경하였는데 기존에 관리자 -> 팝업레이어관리에서 입력하는 width, height값을 480 이상일땐 그대로 사용하고싶으나 먹히지 않네요.. 무엇이 문제일까요ㅜㅜ
답변 1
bbs/newwin.inc.php 는 pc 타입인 경우 적용되는것 같고
mobile/newwin.inc.php 가 mobile 타입인 경우 적용되는것 같습니다.
mobile/newwin.inc.php 에만 소스를 적용하는 방법이 도움이 될지 모르겠습니다.
<?php
...
$result = sql_query($sql, false);
?>
<style>
@media screen and (max-device-width: 480px) {
.hd_pops {
width: 94vw;
}
}
</style>
<!-- 팝업레이어 시작 { -->
<div id="hd_pop">
<h2>팝업레이어 알림</h2>
...
답변을 작성하시기 전에 로그인 해주세요.