CSS Печать дублированного контента - PullRequest
Новая
       11

CSS Печать дублированного контента

0 голосов
/ 18 марта 2020

Я пытался создать собственный стиль для компонента, и он требует печати, проблема в том, что все, что я хочу напечатать, получается дубликатом.

Я пытался воссоздать в codepen, но я не был '

Это то, что я добавил к css print: 

@media print and (color) {
  @page {
    margin: 5mm;
    size: A4 landscape;
  }

  * {
    overflow: visible !important;
    -webkit-print-color-adjust: exact !important;
    print-color-adjust: exact !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #212121 !important;
    visibility: hidden;
  }
  html,
  body {
    margin: 0 !important;
    padding: 0 !important;
  }
  body,
  .section-to-print {
    height: auto !important;
  }
  .section-to-print,
  .section-to-print * {
    visibility: visible !important;
  }
  .section-to-print {
    position: absolute !important;
    top: 0;
    left: 0;
    width: 100%;
    display: block !important;
  }
  .section-to-print:nth-child(2) {
    display: none !important;
  }
  .vis-timeline {
    display: none;
  }
  core-dialog,
  .dialog-container {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
  }
}

1 Ответ

0 голосов
/ 19 марта 2020

Оказывается, проблема заключалась в том, что у родительского элемента было "position: fixed", это является причиной дублирования в моей проблеме.

...