모바일 사이즈 별 출력?

경식이아님

2020-09-14 (월) 12:24:49 1,980

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

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

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

그누보드 나리야

채택된 답변

+20 포인트

디엑스투

2020-09-14 (월) 17:00:15

php 코드 없이

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

Copy

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

Copy

.mobile{display:none}

@media (max-width: 767px){

.mobile{display:block}

}

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

경식이아님

2020-09-14 (월) 17:22:25

감사합니다.
그대로 적용하니 원하는 대로 보여집니다
감사합니다!!!

폴라베어

2020-09-14 (월) 13:05:41

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

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

경식이아님

2020-09-14 (월) 13:06:55

답변 감사합니다
근데 초보라서 무슨 말인지 모르겠습니다 ㅠㅠ

폴라베어

2020-09-14 (월) 13:12:16

xs,sm,md 언급하셨어 부트스트랩의 미디어쿼리에 대해서 알고 있다고 전제하였습니다.
모르신다면... 부가 설명이 힘듭니다.

경식이아님

2020-09-14 (월) 13:27:24

네 ㅠㅠ 감사합니다

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