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

왜 미디어 쿼리가 적용되지 않을까요? 채택완료

한끝 7년 전 조회 5,433

일반 모바일은 @media (min-width: 360px) { ... } 로 했고

태블릿은 @media (min-width: 768px) { ... } 로 했습니다.

 

그런데 자꾸 태블릿이 모바일 기준으로만 나오고 태블릿에 한게 반영이 안되고 있습니다.

 

방법이 있을까요?

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

답변 2개

채택된 답변
+20 포인트
베원
7년 전

모바일을 @media (min-width: 360px) and (max-width: 767px) { ... } 로 해보세요.

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

답변에 대한 댓글 1개

한끝
7년 전
이렇게 하니 되네요. 감사합니다.

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

7년 전

all : 기본값. 모든 미디어 장치에 사용 됨 print : 프린터에 사용 screen : 컴퓨터 스크린, 테블릿, 스마트폰 등 speech : 페이지를 읽어주는 화면 낭독기

 

아래와 같이 해보세요.... @media screen and (min-width: 360px) { ... } 

@media screen and (min-width: 768px) { ... }

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

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

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

로그인