[css] print / 프린트용 페이지 style

@media print, screen{
	*{
        margin:  0;
        padding:  0;
        font-family:  'Noto Sans KR', sans-serif;
        color: #000;
        -webkit-box-sizing: border-box;
        box-sizing:  border-box;
    }
    html, body{
        width: 827px;
        margin: 0;
        font-family:  'Noto Sans KR', sans-serif;
        color: #000;
        -webkit-box-sizing: border-box;
        box-sizing:  border-box;
        page-break-before: always;
        page-break-after: always;
        page-break-inside: auto;
    }
    @page{
        size: auto;
        width: 827px;
        margin: 0;
        margin: 10mm 0;
        /* height: 29.7cm; */
    }
	@page:first{
        margin: 0;
	}
	.page{    
        width: 100%;
        min-height: 29.7cm;
        background: url('/include/img/sub/bg_print_bg_test.png') !important;
        background-repeat: repeat-y;
        -webkit-print-color-adjust: exact !important;
        print-color-adjust: exact !important;
        color-adjust: exact !important;
        page-break-before: always;
        page-break-after: always;
        page-break-inside: auto;
	}
	.print-wrap{
        position:  relative;
        width: 827px;
        min-height: 29.7cm;
        /* width:  827px;
        height:  1169px; */
        margin:  10px auto;
        font-family:  'Noto Sans KR', sans-serif;
        page-break-before: always;
        page-break-after: always;
    }
}

 

*참고

http://goodthing.me/saucetip/5467

Good Thing - 좋은일, 좋은생각