У меня есть следующие печати CSS:печати CSS не удается только в Safari
@media print {
body > * {
display: none;
height:100%;
overflow: hidden;
background: #FFF;
}
.print-div{
display: block !important;
left: 0;
top: 0;
right: 0;
left: 0;
border: none;
position: absolute;
page-break-before: always;
page-break-inside: avoid;
}
}
Это отлично работает в Firefox и Chrome, но терпит неудачу в Safari. В обзоре печати Safari будет отображаться только пустая страница.
Я попытался установить тело с «видимостью: скрытым» и print-div с «видимостью: видимым», div появится, но тело будет иметь слишком много страниц, и я хочу только напечатать на одной странице с моим print-div.
Почему дисплей не работает в Safari?
Вы указали высоту 100% и html? (высота, не ширина, я написал это неправильно раньше) – Johannes
@Johannes Спасибо за ваш комментарий! И да, но это тоже не сработало. Я постарался установить все позиции моего div в статичные или относительные, и это сработало. – ydydyd