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

한끝

2018-02-28 (수) 14:37:40 5,637

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

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

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

방법이 있을까요?

그누보드5

채택된 답변

+20 포인트

베원

2018-02-28 (수) 14:40:18

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

한끝

2018-02-28 (수) 14:42:03

이렇게 하니 되네요. 감사합니다.

트리플

2018-02-28 (수) 14:46:47

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

아래와 같이 해보세요....

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

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

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