일반 모바일은 @media (min-width: 360px) { ... } 로 했고
태블릿은 @media (min-width: 768px) { ... } 로 했습니다.
그런데 자꾸 태블릿이 모바일 기준으로만 나오고 태블릿에 한게 반영이 안되고 있습니다.
방법이 있을까요?
|
답변 2개 / 댓글 1개
채택된 답변
+20 포인트
2018-02-28 (수) 14:40:18
모바일을 @media (min-width: 360px) and (max-width: 767px) { ... } 로 해보세요.
답변에 대한 댓글 1개
2018-02-28 (수) 14:46:47
all : 기본값. 모든 미디어 장치에 사용 됨
print : 프린터에 사용
screen : 컴퓨터 스크린, 테블릿, 스마트폰 등
speech : 페이지를 읽어주는 화면 낭독기
아래와 같이 해보세요....
@media screen and (min-width: 360px) { ... }
@media screen and (min-width: 768px) { ... }
답변을 작성하려면 로그인이 필요합니다.