[CSS] min-height, max-width

min-height

div {
  min-height: 100%;
  width: 100%;  
}

div의 가로 길이는 무조건 원본이미지나 바깥에서 주고있는 가로의 크기의 100%이다.

하지만 min-height의 의미는 최소 원본이미지의 세로, 또는 div 바깥에서 주고있는 세로 크기의 100% 이상이 되어야한다. 즉, 적어도 100%이며 가로에 따라 더 커질 수도 있는 것

max-width

div {
  max-width: 100%;
  height: 100%;
}

div의 세로 길이는 무조건 원본이미지, 또는 바깥에서 주고있는 세로 크기의 100%이다.

max-width의 의미는 최대 원본이미지의 가로, 또는 바깥에서 주고있는 가로 크기여야한다. 즉 세로 길이에 따라서 더 작아질 수도 있는 것이다. 더 커질 수는 없음