ProgramingTip

CSS 너비 100 % 또는 최대 너비 (픽셀)

bestdevel 2020. 12. 8. 19:21
반응형

CSS 너비 100 % 또는 최대 너비 (픽셀)


너비에 대한 CSS 규칙을 만드는 방법

  • 기본적으로 100 % 너비 사용

  • 100 % 너비가 특정 픽셀 너비 (예 : 512 픽셀)를 너비가 너비가 너비로 고정됩니다.

너비와 최대 너비 관계 또는 calc ()가 어떻게 지원 수준 또는이를 표현할 수 있는지 잘 모르겠습니다. 이 최신 WebKit 브라우저 및 Firefox 4. IE8 등에서 작동해야합니다. 지원이 필요하지 않습니다.


실제로 . 요소 의 계산 된 (실제) 값이 초과하면 초과하는 대신 최대 값으로 제한됩니다. 백분율과 픽셀은 관련이 없습니다.max-widthwidthmax-width

다음과 같은 동일한 규칙으로 둘 다 선언하십시오 ( calc()함수 필요 없음 ).

#somediv {
    width: 100%;
    max-width: 512px;
}

블록 레벨 요소 인 경우 기본적으로 100 % 사용할 수 max-width: 512px;있습니다.

calc() 전혀 지원하지 않을 경우에는 필요하지 않습니다.


div{ max-width: 512px; }

충분합니다.

참고 URL : https://stackoverflow.com/questions/5675637/css-width-100-or-max-width-in-pixels

반응형