목록media query (1)

늘 겸손하게

CSS - Media Queries (미디어 쿼리)

Media Query Media query는 CSS3에서 소개된 기술로 @media 규칙을 적용해 특정 조건을 만족할 경우에만 CSS 속성이 적용되도록 할 수 있습니다. @media only screen and (max-width: 600px) { body { background-color: lightblue; } } 위 코드가 CSS에 포함되면 문서의 가로 길이가 600pixel 이하로 떨어질 경우 바탕색이 "lightblue"로 변경됩니다. Breakpoint 설정하기 Media query를 통해 breakpoint를 설정하여 화면 크기가 일정 기준 이상 또는 이하로 변경되었을 경우 디자인의 일부 혹은 전체가 다르게 배치되도록 할 수 있습니다. 항상 모바일 기준으로 먼저 디자인 데스크탑이나 다른 기기..
Programming/HTML,CSS 2022. 8. 24. 16:28
이전 Prev 1 Next 다음