팝업레이어관리 반응형으로 바꾸기

팝업레이어관리 반응형으로 바꾸기

QA

팝업레이어관리 반응형으로 바꾸기

답변 1

본문

반응형은 지원하지 않는다고 해서 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>
...
답변을 작성하시기 전에 로그인 해주세요.
전체 1
© SIRSOFT
현재 페이지 제일 처음으로