CSS에서 이미지 높이를 조정할 수 있습니까? : pseudo-elements 이전/: pseudo-elements? 배경 이미지는 크기를 조정할 수 있지만 의사 요소 이미지에 대해서도 동일 할 수 있는지는 즉시 명확하지 않습니다.

솔루션 :

pseudo element의 배경 크기 속성을 조정하여 목표를 부분적으로 달성 할 수 있습니다. 그러나 이미지를 둘러싼 블록의 너비와 높이를 여전히 정의해야한다는 점을 명심하십시오.

.pdflink:after {
    background-image: url('/images/pdf.png');
    background-size: 10px 20px;
    display: inline-block;
    width: 10px;
    height: 20px;
    content: "";
}

. 배경 이미지 : URL ( '/images/pdf.png'); 배경 크기 : 10px 20px; 디스플레이 : 인라인 블록; 너비 : 10px; 높이 : 20px; 콘텐츠: ""; }

이 메소드를 사용하면 지정된 블록 내에서 이미지의 크기를 제어 할 수 있습니다. However, note that the overall dimensions of the block itself will also need to be set accordingly.

Alternative Solutions:

You have expressed reservations about resizing the source image or modifying the markup to include an inline IMG tag. 그러나 호환성이 우선 순위 인 경우 이러한 옵션은 CSS에만 의존하는 것보다 더 신뢰할 수 있습니다.