Chrome Print CSS 이미지의 크기가 조절되지 않습니다.

큰 이미지를 가운데에 배치 할 수있는 기본 설정이 있습니다. Chrome을 시도하고 인쇄 할 때를 제외하고 완벽하게 작동합니다 (FF로 인쇄하면 IE가 예상대로 작동 함). 대신 Chrome의 인쇄 미리보기는 이미지의 크기를 전혀 조정하지 않습니다.Chrome Print CSS 이미지의 크기가 조절되지 않습니다.

감사합니다. 문제를 재현 할 수 없으므로 누군가가 제안 할 수 있었으면 좋겠습니까?

이 기본 설정입니다 : https://jsfiddle.net/aed2gh3w/

<style> 
.container { 
    position:relative; 
    width:20%; 
    padding-bottom:20%; 
    border:1px solid red; 
    margin:0 auto; 

} 

.align { 
    position:absolute; 
    left:50%; 
    margin:0 -400px; 
    top:0; 
    width:800px; 
    height:100%; 
    border:none; 
    text-align:center; 
} 

img { 
    vertical-align:top; 
    height:100%; 
    width:auto; 
} 

</style> 
<div class="container"> 
    <div class="align"> 
    <img src="http://placehold.it/400x300"> 
    </div> 
</div>

출처

2016-10-31 user500665

잘 작동합니다. – paolobasso

@ paolo.basso99 전체 코드 외부에서 문제를 재현 할 수 없으므로 원인을 파악할 수있는 방법을 찾고 있습니까? – user500665

이 솔루션을 사용할 수있는 기회가 있으십니까? http://stackoverflow.com/questions/25396682/window-with-image-print-issue-in-chrome – natel

이 모든 패딩 때문에, 나는 여전히 내가 높이 더 높이 없다하더라도 .container 설정하지 않았기 때문에 문제가되었다 밝혀 height:0;을 스타일에 추가해야합니다. 그렇지 않으면 Chrome이 혼동을 일으킬 수 있습니다.

출처

2016-11-07 03:56:27 user500665

Chrome Print CSS 이미지의 크기가 조절되지 않습니다.

답변

관련 문제