페이지에 맞게 JavaScript로 DIV 크기 조정

그래서 인쇄하고자하는 Div의 크기를 조정하려고합니다.페이지에 맞게 JavaScript로 DIV 크기 조정

function printDiv(printMe) { 
    var printContents = document.getElementById(printMe).innerHTML + $('#printMe2').html(); 

    var originalContents = document.body.innerHTML; 

    document.body.innerHTML = printContents; 
    window.print(); 

    document.body.innerHTML = originalContents; 

    }

이 기능은 버튼의 onclick으로 호출되는 :

여기 기능입니다.

총 두 개의 Div가 있으며 그 중 하나는 일정표이고 다른 하나는 표입니다. 크기가 좀 엉망 이네.

원래 DIV enter image description here

인쇄 버전 : 그것은 다음과 같습니다 enter image description here

내가 자바 스크립트 너무 큰 아니에요을, 그래서 너무 많이 시도 할 수 없었다. 나는 관련 물건을 찾았지만 슬프게도 (좋은) 결과는 찾지 못했습니다.

미리 감사드립니다.

출처

2014-01-30 Paramone

당신은 아마 더 나은 인쇄 스타일 시트를 설정하는 시도가 자바 스크립트와 바보하는 것보다 : HTTP :/여기 당신이 그것을하는 방법이다 /coding.smashingmagazine.com/2011/11/24/how-to-set-up-a-print-style-sheet/ –

인쇄용으로 다른 CSS 파일을 만들었습니다. HTML을 자바 스크립트로 조작하는 것이 훨씬 간단합니다. <link rel="stylesheet" href="print-style.css" type="text/css" media="print" /> 또는 여기 @media print body {} 가 인쇄 CSS에 대한 좋은 튜토리얼입니다 http://edutechwiki.unige.ch/en/CSS_for_print_tutorial

출처

2014-01-30 14:22:24

페이지에 맞게 JavaScript로 DIV 크기 조정

답변

관련 문제