만약 우리가 지정 max-width:100%이미지 요소에(예를 들어 이미지의 250 픽셀*500px)그리고 우리는 이 이미지 내부에는 상위 요소의 폭이 1000px 다음 경우,부모가 축소<=500 픽셀,이미지를 축소에 따라 차 전체 길이의 부모이다. 그러나,경우 부모의 폭이>500px,이미지지 않습까지 확장될지만 그것의 원래 500px.
어떤 나를 혼동의 의미 100%여기에. 에서 나의 이해 상대적인 비율은 항상과 관련하여 그 부모입니다. 그렇지 않다는 것을 의미 최대 너비가 항상 현재 폭이의 부모입니까? 그래서 이미지는 항상 있을 것이 축소/확대를 맞은 그 부모하기 때문에 최대 폭 100%? 나는 무엇을 오해까요? 는 방법을 이해하는 상대적인 비율에서 사용 max-width 이 경우에는? 그것은 무엇을 상대습니까? 감사합니다!
예,사이에는 차이가 있 width 고 max-width.
이 정의에서 w3school 것입니다 당신을 위해 그것을 쉽게 이해합니다.
https://www.w3schools.com/cssref/pr_dim_max-width.asp
이
max-width속성을 정의 최대 폭의 요소입니다.는 경우 컨텐츠 최대 폭,그것은 자동으로 의 높이를 변경 요소입니다.
내용인 경우 보다 작은 최대 너비 최대 너비 속도 아무 효과가 없습니다.
참고: 이렇게 하면 값의
width산되고에서 보다 큰max-width. 의 가치max-width재정의 시설 이width을 제공합니다.
오는 당신의 질문에 이 경우,대체 max-width 가 width 와 확인에 대해 폭의 이미지를 위한 휴식점>=500px 또는<500px,그것의 과정을 부모는 전체 폭입니다.
그러나 언급된 위에서 정의 max-width 지 확인 요소의 폭을 가지 않는다는 특정 너비(상관없이 무엇을 부모에 폭)및 그 이유는 이 숙박 시설이었으로 가져오.
