모바일 사이즈 별 출력?

모바일 사이즈 별 출력?

QA

모바일 사이즈 별 출력?

본문

pc와 모바일 에서 다르게 표현하고 싶은 것이 있어서  

if($is_mobile)로 구분 했더니 모바일상에서 회전을 했을경우에는 pc과 같은 화면인데 모바일이라서 내용이 나오지 않습니다.

 

pc 모바일 기준이 아닌 xs,sm,md 등의 사이즈별로 조건을 주려면 어떻게 표현을 해야 하나요?

이 질문에 댓글 쓰기 :

답변 2

php 코드 없이

처리할 부분을 클래스를 지정하여 css 미디어쿼리로 조정하면 됩니다.

<div class="mobile">모바일에서 보여지기</div>

.mobile{display:none}
@media (max-width: 767px){
.mobile{display:block}
}

max-width나 min-width로 해상도 별로 처리하시면 되겠죠

동일한 코드로 xs,sm,md로 표현될 수 있다면 미디어쿼리로 스타일로 처리하시면 되시고

코드가 달라지게되면 xs,sm,md 따로 코드를 넣어두시고 자바스크립트나 미디어쿼리로 보여지게 하시면 되실것 같습니다.

답변을 작성하시기 전에 로그인 해주세요.
전체 4

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT