CSS Запросы на печатные носители - размер письма по сравнению с A4 - PullRequest
Новая
       24

CSS Запросы на печатные носители - размер письма по сравнению с A4

0 голосов
/ 22 апреля 2020

Мне нужно поддерживать форматы печати как для стандартного американского формата 8.5x11 Letter, так и для A4 (210mmx297mm). Я понимаю, что у нас есть свойство css @page{size: A4;} css, а также: @media print { ... }

Можно ли просто отличить guish letter от A4 при создании медиазапроса, или мне нужно записать длину и ширину вручную, как в этом примере я нашел для размера буквы (см. CSS медиазапросы для формата бумаги для печати ): 

     @media print and (min-height:125vw) and (max-height: 135vw)

Вот пример из нашего текущего файла print.css, в который я добавил @page в качестве эксперимента: 

@media print {
  @page {
    size: letter;
  }
  .no-print {
    display: none;
  }

  .print-break {
    page-break-after: always;
  }

  article {
    width: 8.5in;
    height: 11in;
    page-break-inside: avoid;
  }
}

Будем весьма благодарны за любые советы по обработке запросов на печать letter и A4.

спасибо, Боб

...