Inflearn Community Q&A
asked
반응형 max-width min-width를 어떤식으로 사용하나요 ㅠ?
Written on
·
1.9K
0
이 예제에선 min-width만 사용하시던데! min은 값을 어디어디 까지만 줄어들게하는 속성맞지요? max는 어디까지 값을준만큼만 커지게 하는 속성이구요; 근데 media에선 min만 줘도 상관없나요? 저는 pc버전에서 모바일로 하는건만 봐서 모바일에서 pc로 가는건 처음봐서요 ㅠ
flexHTML/CSS
Quiz
53% of people got it wrong. Give it a try!
What is the main purpose of Flexbox layout?
To define the document structure
To format text
To arrange items in rows or columns and distribute space
To change the image file format
Answer 5
0
0
0
dbstjdgy61339
Questioner
혹시 미디어가 붙은 max나 min은 단독으로 사용한거하고 성질이 약간 다른가요?방금 링크 다읽고 왓는데 궁금해서요 ㅠ ㅠ 많이물어봐서 죄송해요..
0
-1
studiomeal
Instructor
@media (min-width: 1000px)은
브라우저 폭이 최소 1000px 일 때니까 창 폭이 1000px 이상일 때라는 의미고,
@media (max-width: 1000px)은
브라우저 폭이 최대 1000px 일 때니까 창 폭이 1000px 이하일 때라는 의미지요~
미디어쿼리에 지정하는 min-width 등의 조건은 브라우저 창 사이즈라는 것만 생각하시면 됩니다^^