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 {
}
}