인프런 커뮤니티 질문&답변

김동님의 프로필 이미지
김동

작성한 질문수

CSS Flex와 Grid 제대로 익히기

Flex 반응형 페이지 Step 4

반응형 max-width min-width를 어떤식으로 사용하나요 ㅠ?

작성

·

1.6K

0

이 예제에선 min-width만 사용하시던데!  min은 값을 어디어디 까지만 줄어들게하는 속성맞지요?  max는 어디까지 값을준만큼만 커지게 하는 속성이구요; 근데 media에선 min만 줘도 상관없나요? 저는 pc버전에서 모바일로 하는건만 봐서 모바일에서 pc로 가는건 처음봐서요 ㅠ

답변 5

0

1분코딩님의 프로필 이미지
1분코딩
지식공유자

화이팅! ^^

0

김동님의 프로필 이미지
김동
질문자

감사 합니다. 많이 헷갈렷엇네요 ㅠ 그리드는 일단 나중에 보고 리플릿으로 넘어가겟습니다.! ㅠㅎ

0

김동님의 프로필 이미지
김동
질문자

혹시 미디어가 붙은 max나 min은 단독으로 사용한거하고 성질이 약간 다른가요?방금 링크 다읽고 왓는데 궁금해서요 ㅠ ㅠ 많이물어봐서 죄송해요.. 

0

1분코딩님의 프로필 이미지
1분코딩
지식공유자

https://studiomeal.com/archives/1004
예전에 쓴 글인데, 이 글을 한번 읽어보세요^^

-1

1분코딩님의 프로필 이미지
1분코딩
지식공유자

@media (min-width: 1000px)은
브라우저 폭이 최소 1000px 일 때니까 창 폭이 1000px 이상일 때라는 의미고,
@media (max-width: 1000px)은
브라우저 폭이 최대 1000px 일 때니까 창 폭이 1000px 이하일 때라는 의미지요~
미디어쿼리에 지정하는 min-width 등의 조건은 브라우저 창 사이즈라는 것만 생각하시면 됩니다^^

김동님의 프로필 이미지
김동

작성한 질문수

질문하기