CSS 값 max와 min은 아직 쓰지 마세요.

이 글은 2024년 1월 23일 기준입니다. 유통사가 뷰어 업데이트를 하면 문제가 해결될 수 있습니다.

 

CSS 값 중 max와 min이라는 값이 있습니다.

 

이미지 폭을 조절할 때, 일정 해상도 까지는 화면에 맞춰 키우고,

일정 폭을 넘어가면 고정 값으로 하고 싶을 때,

 

width : 고정값;

max-width : 100%;

 

이렇게 하면 됩니다.

이 의미는 이미지를 고정값으로 보줘라.

하지만 고정값 보다 폭이 작으면 폭에 맞춰 100%로 맞춰라.

입니다.

 

이걸 한 줄로 표현을 하면

 

width : min( 고정값, 100%)

 

이렇게 할 수 있어요.

 

하지만 교보ebook(PC), 예스24(PC)는 이 값을 지원하지 않습니다.

 

이 값을 사용하면 문제가 생길 수 있어 두 유통사가 해결하기 전까지는 사용하지 않는 것이 좋습니다.