테스트 사이트 - 개발 중인 베타 버전입니다

모바일 사이즈 별 출력? 채택완료

경식이아님 5년 전 조회 1,770

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

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

 

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

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

답변 2개

채택된 답변
+20 포인트

php 코드 없이

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

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

</p>

<p>.mobile{display:none}</p>

<p>@media (max-width: 767px){</p>

<p>.mobile{display:block}</p>

<p>}</p>

<p>

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

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

경식이아님
5년 전
감사합니다.
그대로 적용하니 원하는 대로 보여집니다
감사합니다!!!

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

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

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

로그인 후 평가할 수 있습니다

답변에 대한 댓글 3개

경식이아님
5년 전
답변 감사합니다
근데 초보라서 무슨 말인지 모르겠습니다 ㅠㅠ
폴라베어
5년 전
xs,sm,md 언급하셨어 부트스트랩의 미디어쿼리에 대해서 알고 있다고 전제하였습니다.
모르신다면... 부가 설명이 힘듭니다.
경식이아님
5년 전
네 ㅠㅠ 감사합니다

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

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

로그인