[JavaScript] 인쇄 시 페이지 방향(레이아웃) 강제하기

웹페이지 인쇄 시 레이아웃을 세로로하면 내용이 잘려 가로로 강제하고 싶었다.

아래와 같이 CSS 추가하면 된다.

 

@media print {
    @page {
        size: landscape;
    }
}

 

세로로 강제할 경우엔 size: portrait; 으로 작성하면 된다.

 

+추가

window.print();  // 인쇄 실행

window.onbeforeprint = {인쇄 전 실행할 함수}
window.onafterprint = {인쇄 후 실행할 함수}