media query1 Media Query를 이용하여 반응형 웹 구현하기 Media Query란? 예전에는 웹 페이지를 PC 환경에서만 접근했지만, 요즘은 다양한 기기에서 웹 페이지에 접근하고 있다. 따라서 다양한 기기의 화면 크기에 따라 웹 페이지 내 컨텐츠의 크기를 조절할 필요가 있다. 이 때, 특정 조건에서만 CSS 코드를 적용시키는 Media Query를 사용하면 이를 구현할 수 있다. 사용 방법 위와 같이 CSS 부분에 @media(조건){내용} 형태로 적어주면 된다. 예를 들어 위 코드의 경우 window 너비가 800px 이상일 경우 div 태그를 보이지 않게 한다는 뜻이다. 너비가 800px가 넘어가면 div로 구분한 부분이 사라지는 것을 볼 수 있다. 이렇게 괄호 안의 CSS 코드가 실행될 최소 너비를 지정하는 것 뿐만 아니라 다음과 같이 다양한 조건이 가능하.. 2020. 8. 2. 이전 1 다음
