강의

멘토링

커뮤니티

Inflearn コミュニティ Q&A

dbstjdgy61339 のプロフィール画像
dbstjdgy61339

投稿した質問数

CSS FlexとGridを正しく習得する

フレックス レスポンシブ ページ ステップ 4

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

作成

·

1.9K

0

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

flexHTML/CSS

回答 5

0

studiomeal님의 프로필 이미지
studiomeal
インストラクター

화이팅! ^^

0

dbstjdgy61339님의 프로필 이미지
dbstjdgy61339
質問者

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

0

dbstjdgy61339님의 프로필 이미지
dbstjdgy61339
質問者

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

0

studiomeal님의 프로필 이미지
studiomeal
インストラクター

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

-1

studiomeal님의 프로필 이미지
studiomeal
インストラクター

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

dbstjdgy61339 のプロフィール画像
dbstjdgy61339

投稿した質問数

質問する