배경 이미지를 DIV 내부에 완벽하게 맞추는 방법은 무엇입니까?

DIV에 이미지 배경 맞추기

배경 이미지가 DIV 내에서 완전히 표시되기를 원하지만 이미지의 일부가 끊어지고 있습니다. 이 문제를 해결하려면 대부분의 최신 브라우저에서 지원되는 background-size 속성을 사용하는 것이 좋습니다.

DIV에 맞게 비례적으로 크기가 조정되는 배경 이미지의 경우:

background-size: contain;

배경 이미지의 경우 DIV를 완전히 덮을 정도로 늘어나고 필요한 경우 이미지의 일부를 가립니다.

background-size: cover;

다음은 다음을 사용하는 예입니다. background-size: contain:

<div>

그리고 background-size:cover:

<div>

이제 배경 이미지는 원본과 관계없이 DIV 내에서 완전히 표시됩니다. 크기 또는 화면 비율.

위 내용은 배경 이미지를 DIV 내부에 완벽하게 맞추는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!