브라우저에서 이미지가 인쇄됩니다.

브라우저에서 이미지를 인쇄하려고합니다. 예를 들어브라우저에서 이미지가 인쇄됩니다.

: http://www.canadianpetconnection.com/wp-content/uploads/2011/09/Cats1.jpg

나는 나의 인쇄 된 페이지 이미지는 페이지의 왼쪽 상단에서 시작하도록 모든 측면에 여백이없는 싶다.

또한 인쇄 된 이미지의 너비를 고정해야한다고 말합니다 (예 : 8 인치).

CSS/JS/HTML 해결 방법이 있습니까?

편집 : 인쇄 출력 팝업에서 몇 가지 설정을 변경해야 할 경우 잘 될 것입니다.

출처

2013-01-04 Manu

CSS에 @media print을 사용하고 이미지 너비와 높이를 원하는 크기로 설정하십시오. 나머지 설정은 브라우저 인쇄 섹션에서 관리 할 수 있습니다.

@media print { 
    img {width: ?px; height: ?px; } 
}

이미지 속성에도 상대적 단위를 사용할 수 있습니다.

이미지 너비를 장치 화면 해상도로 확장 한 다음 결과 이미지를 인쇄하라는 요청과 관련하여 프린터 장치 드라이버에서 관리하는 이러한 설정 때문에 거의 불가능하다고 생각합니다.

출처

2013-01-04 10:33:44

CSS MEdia Types 당신을 도울 것입니다. 아래 링크를 참조하십시오. (사용 @media 인쇄)

http://www.w3schools.com/css/css_mediatypes.asp

<html> 
<head> 
<style> 
@media screen 
    { 
    p.test {font-family:verdana,sans-serif;font-size:14px;} 
    } 
@media print 
    { 
    p.test {font-family:times,serif;font-size:10px;width:300px;} 
    } 
@media screen,print 
    { 
    p.test {font-weight:bold;} 
    } 
</style> 
</head> 

<body> 
.... 
</body> 
</html>

출처

2013-01-04 10:39:36 Sahal

jpg이에 글꼴을 추가하는 이유라도? – Manu

브라우저에서 이미지가 인쇄됩니다.

답변

관련 문제