CSS 이미지 전체화면 띄우기

HTML을 이용해서 화면을 배치할때 이미지를 가운데로 배치하고 싶을 경우 사용하는 방법입니다. 이미지 태그를 사용하여 이미지를 배치하는 경우 부모태그에 의해서 배치가 의도하는 데로 동작을 안하는 경우가 있습니다. 특히 이미지 배치의 경우 문제가 되는부분이 가로, 세로의 정렬 부분인데요. 의외로 CSS 초보인 경우 이부분에 문제를 많이 겪고 있으신분들이 많이 있습니다. 간단한 방법은 아래와 같으며 내용은 하나하씩 설명을 드리겠습니다. 클래스이름 { max-width: 100%; max-height: 100%; left: 0; right: 0; top: 0; bottom: 0; margin: auto; overflow: auto; position: fixed; } 원본 이미지 크기를 그대로 표시하기 위해서 ..