window.print

장유라·2022년 11월 2일
0

html

목록 보기
2/2

media css 설정으로 프린터로 출력할 화면의 css를 입힐 수 있다.

@media print {
	* {
		-webkit-print-color-adjust: exact;
		print-color-adjust: exact;
  }
  @page{
  	size: A4;
  	margin: 0;
	}
	html {
		font-size: 6px;
	}
	html, body {
    margin:0;
    padding:0;
    page-break-after: avoid;
    page-break-before: avoid;
    background: #fff;
  }
  .body, .page {margin-top:-1px}
	
	#header, #headerMo, .all-mask, #container, #footer, .modal .btn-area {
		display: none;
	}
	.img-modal-wrap .dim {
		background: #fff;
	}
	.print-content {
		overflow:hidden;
    position:relative;
    width:210mm;
    height:297mm; /*서브픽셀 해결1 사용시*/
    height:calc(297mm - 1px); /*서브픽셀 해결2 - IE는 미지원*/
    page-break-before: always;
    
	}
	.modal {
		transform: translate(-50%, -55%)
	}
	.modal-con {
		overflow: hidden;
	}
	.modal .close {
		display: none;
	}
	.mo-estimate-box {
		
	}
}

0개의 댓글