@media print query с CSS разбил мой принтер - PullRequest
0 голосов
/ 01 июня 2018

Я получил онлайн форму для отправки по электронной почте, но некоторые люди могут захотеть просто распечатать страницу.Я использовал запрос @media print с CSS, и когда я попытался напечатать страницу, мой принтер напечатал пару строк, а затем остановился.Там сказано «невозможно отправить данные на принтер».Должен ли я попробовать что-то еще полностью или есть способ сделать эту работу?Существует проверка 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;  
    }
}

1 Ответ

0 голосов
/ 01 июня 2018

Если вы используете Chrome, вы можете вывести PDF-файл через диалоговое окно печати и посмотреть, нет ли заметных ошибок.

...