Question

我已经在线提交电子邮件表单，但有些人可能只想打印页面。我使用CSS的@media打印查询，当我尝试打印页面时，我的打印机打印了几行，然后停止了。它说＆＃34;无法将数据发送到打印机＆＃34;。我应该完全尝试其他方法还是有办法让这项工作成功？有JavaScript验证，但如果我不尝试调整样式，页面打印正常，所以我不认为这是一个因素。没有任何调整，打印需要两页，看起来并不太棒。

这是我的CSS：

@media print {   
    .online {
        display: none;
    }
    .print {
        display: block;
    }
    .container {
        min-height: 0px;
    }
    .content {
        min-height: 0px;
        border: none;
        margin-bottom: 0px;
        -webkit-box-shadow: none;
                box-shadow: none;
    }
    nav {
        display: none;
    }
    .dance h3 {
        color: black;
        font-size: 18px;
    }
    .contact {
        padding: 20px 0 10px;
        border-top: 1px solid black;
        border-bottom: none;
        margin-bottom: 0px;
    }
    .item-bid {
        margin-bottom: 30px;  
    }
    fieldset {
        font-size: 12px;
        border: 1px solid black;
    }
    label {
        font-size: 12px; 
    } 
    input, textarea {
        display: none;
    }
    form p {
        font-size: 12px;
    }
    .description {
        padding-bottom: 100px;  
    }
}

Answer 1

如果您使用的是Chrome，则可能需要通过打印对话框输出PDF，并查看是否存在明显错误。

使用CSS的@media打印查询崩溃了我的打印机

1 个答案: