Safari Mobile игнорирует стили печати - PullRequest
Новая
       33

Safari Mobile игнорирует стили печати

0 голосов
/ 17 апреля 2019

У меня есть страница статьи и кнопка печати, и если я пытаюсь напечатать эту страницу, я вижу, что поле страницы не совпадает с тем, что я указал в стилях, изображения и текст обрезаются пополам (несмотря на стили разрыва страницы).На устройствах Android этого не наблюдается.

Я изменил размер страницы на «букву», я использую разрыва страницы до: авто;разрыв страницы после: авто; разрыв внутри: избегать; отображение: блокировать изображения и текст (p, li, pre) 

@media print {
    @page {
        size: A4;
        margin:10mm;
    }

    img {
        page-break-before: auto;
        page-break-after: auto;
        -webkit-column-break-inside: avoid;
          page-break-inside: avoid;
               break-inside: avoid;
        display: block;
    }
}
@media (max-width: 480px) and (min-width: 320px) and (orientation: portrait) {
    @page { size: letter;}
}
...