I'm doing a print with css print on the bematech MP-4200 TH printer, my content is in a good size customized by css, but I would like to reduce the size of the paper because it's leaving a very large space at the time.
I was seeing the setting in Chrome and the paper size in the print is 80mm wide.
How can I decrease the paper size in the printout?
My css in print:
@media print {
@page {
margin: 0;
}
html, body {
width: 210mm;
height: 100mm;
margin:0px;
}
.pagina {
margin: 0;
border: initial;
border-radius: initial;
width: initial;
min-height: initial;
box-shadow: initial;
background: initial;
page-break-after: always;
}
/*body {
background: #fff;
width: 302px;
height: 300px;
}*/
h2 {
page-break-before: always;
}
h3, h4 {
page-break-after: avoid;
}
pre, blockquote {
page-break-inside: avoid;
}
.modal-dialog .modal-content {
border: none;
}
.print {
display: none;
}
#minhaTabela_wrapper {
display: none;
}
#myModal {
width: 110mm;
height: 100mm;
border: none;
margin-left: 1px;
margin-top: -15px;
}
#imprimir {
margin-top: -30px;
}
.text-print {
float: left;
font-size: 10px;
font-family: Arial;
}
.input-print {
border: none;
font-family: Arial;
font-size: 12px;
width: 110px;
float:left;
margin-top: -11px;
}
.modal-header {
border: none;
}
#codBarras {
display: inline;
}
h4 {
font-size: 10px;
}
.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_processing, .dataTables_wrapper .dataTables_paginate {
display: none !important;
}
.larg {
width:150px;
}
}