왜 미디어 쿼리가 적용되지 않을까요?
본문
일반 모바일은 @media (min-width: 360px) { ... } 로 했고
태블릿은 @media (min-width: 768px) { ... } 로 했습니다.
그런데 자꾸 태블릿이 모바일 기준으로만 나오고 태블릿에 한게 반영이 안되고 있습니다.
방법이 있을까요?
답변 2
모바일을 @media (min-width: 360px) and (max-width: 767px) { ... } 로 해보세요.
이렇게 하니 되네요. 감사합니다.
all : 기본값. 모든 미디어 장치에 사용 됨
print : 프린터에 사용
screen : 컴퓨터 스크린, 테블릿, 스마트폰 등
speech : 페이지를 읽어주는 화면 낭독기
아래와 같이 해보세요....
@media screen and (min-width: 360px) { ... }
@media screen and (min-width: 768px) { ... }
답변을 작성하시기 전에 로그인 해주세요.