모바일 모드에서 미디어 쿼리를 사용하여 이미지 중앙에 배치

모바일 모드에서 미디어 쿼리를 사용하여 이미지 중앙에 배치 CSS를 사용하여 웹 페이지에서 이미지를 세로 및 가로 중앙에 배치하려면 다음 CSS 코드를 사용할 수 있습니다. .container { display: flex; justify-content: center; align-items: center; height: 100vh; /* Adjust this value as needed */ } .container img { max-width: 100%; max-height: 100%; } 이 예제에서는 이미지를 담을 클래스 이름이 "container"인 컨테이너 요소를 만듭니다. 컨테이너는 display: flex정렬을 위해 flexbox 속성을 사용할 수 있는 를 사용하여 플렉스 컨테이너로 스타일이 지..

원문링크 : 모바일 모드에서 미디어 쿼리를 사용하여 이미지 중앙에 배치