반응형시 모바일에서만 보여지게 하기
본문
아래처럼 하면 서브는 안보이고 메인만 보이잖아요..
<?php if(defined('_INDEX_')) { ?>
내용
<?php } ?>
질문드리고 싶은것은 PC버전은 위와 같이 하고 모바일에서는 메인과 서브 모두 보이게 할려면 어떻게 하면 될까요?..ㅠ.ㅠ
반응형으로 함 맹글어볼까 하는데 잘안되네요..
답변 3
<?php if (preg_match('/(iPhone|Android|iPod|BlackBerry|IEMobile|HTC|Server_KO_SKT|SonyEricssonX1|SKT)/', $_SERVER['HTTP_USER_AGENT']) ) { ?>
폰에서만 보일 내용
<?php } else { ?>
컴퓨터에서 보일 내용
<?php } ?>
위 코드는 인덱스 페이지이면 출력하는것입니다.
반응형과 무관합니다.
css mediaquery 로 구분하세요.
모바일 버전으로 구분하셨으면 아래와 같은 코드를 쓰시면 됩니다.
<?php if(defined('_INDEX_') && !$is_mobile) { ?>
반응형으로 하셨으면 아래와 같은 미디어쿼리 CSS 쓰시면 됩니다.
#sub { display:none; }
@media screen and (max-width:900px) {
#sub { display:block; }
}
답변을 작성하시기 전에 로그인 해주세요.
