从我的Web应用程序打印到Zebra打印机（标签打印机）弄乱了样式

Question

我试图将我在网络应用中动态创建的标签打印到斑马打印机。

问题是斑马打印机弄乱了风格。 第一个看起来不错，但第二个看起来很奇怪，第三个看起来很糟糕，等等。 我试图让它们4 x 6英寸。

这是风格。

<style type="text/css">
body {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    background-color: #FAFAFA;
    font: 6pt "Tahoma";
}
* {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.page{
    width: 8.0in;
    min-height: 4in;
    padding: 8mm;
    margin: 21mm auto;
    border: 1px #CCD6E0 solid;
    border-radius: 5px;
    background: white;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
       }
.subpage {
    padding: 2mm;
    border: 3px #718DA9 solid;
    height: 3.7in;
    outline: .5cm #CCD6E0 solid;
}


  @media print {
    html, body {
        width: 6in;
        height: 4in;        
    }
    .page {
        margin: 0;
        border: initial;
        border-radius: initial;
        width: initial;
        min-height: initial;
        box-shadow: initial;
        background: initial;
        page-break-after: always;
    }
}

这是表格