flexbox1 [HTML] 반응형 레이아웃 + 미디어쿼리,flexbox 반응형 웹을 만들 때 head 태그에 들어가야할 내용 안 넣는다면 산에서 노 젓는거랑 똑같은 상황. 미디어쿼리 @media screen and (max-width: 1200px){ .main-title { font-size: 20px; } } //대부분 css파일 가장 하단에 적음 //브라우저 폭이 1200px이하일 경우 해당 폰트사이즈를 적용한다는 코드 여러개 적기 가능 @media screen and (max-width: 1200px){ .main-title { font-size: 30px; } } @media screen and (max-width: 768px){ .main-title { font-size: 20px; } } 위처럼 스타일이 중복된다면 더 하단에 있는것이 우선 적용됨. 보통 기재 순.. 2023. 1. 19. 이전 1 다음