채택완료

반응형시 모바일에서만 보여지게 하기

2019-05-03 (금) 09:46:33 3,469

아래처럼 하면 서브는 안보이고 메인만 보이잖아요..

<?php if(defined('_INDEX_')) { ?>

내용

<?php } ?>

질문드리고 싶은것은 PC버전은 위와 같이 하고 모바일에서는 메인과 서브 모두 보이게 할려면 어떻게 하면 될까요?..ㅠ.ㅠ

반응형으로 함 맹글어볼까 하는데 잘안되네요..

|

답변 3개

채택된 답변
+20 포인트

<?php if (preg_match('/(iPhone|Android|iPod|BlackBerry|IEMobile|HTC|Server_KO_SKT|SonyEricssonX1|SKT)/', $_SERVER['HTTP_USER_AGENT']) ) { ?>

폰에서만 보일 내용

<?php } else { ?>

컴퓨터에서 보일 내용

<?php } ?>

2019-05-03 (금) 09:53:26

모바일 버전으로 구분하셨으면 아래와 같은 코드를 쓰시면 됩니다.

Copy
<?php if(defined('_INDEX_') && !$is_mobile) { ?>

반응형으로 하셨으면 아래와 같은 미디어쿼리 CSS 쓰시면 됩니다.

Copy
#sub { display:none; }

@media screen and (max-width:900px) {
    #sub { display:block; }
}

위 코드는 인덱스 페이지이면 출력하는것입니다.

반응형과 무관합니다.

css mediaquery 로 구분하세요.

답변을 작성하려면 로그인이 필요합니다.