https://www.codeit.kr/community/threads/10278

이 예제를 통해 html에 요소값을 주는 상황이 어떤 상황이 있는지 이해하였습니다.

사실 이 파트랑 약간 다른 부분이지만, 기존에 해당 예제를 풀 때 들었던 의문이 웹 브라우저 창의 크기를 가로로 조정했을 때에는 이미지가 포지션이 center center 값에 맞게끔 수정되는 것을 확인할 수 있었는데, 세로로 조정했을때에는 그냥 브라우저 크기를 조절한 만큼 이미지가 안보이는 현상이 나타났습니다. 이번에 html 태그에 height값을 100%로 선언하고 나니 해당예제의 이미지가 전체 브라우저를 가득 채우며 이제는 드디어 세로로 페이지 크기를 수정하더라도 center center에 들어맞게 이미지가 수정하는데 이 차이는 정확히 어디서 어떤 이유로 발생되는 것인지 너무 궁금합니다!