Печать изображений (на бумаге) по-разному в разных браузерах - PullRequest
Новая
       14

Печать изображений (на бумаге) по-разному в разных браузерах

0 голосов
/ 16 мая 2018

Я пытаюсь распечатать удостоверение личности с веб-страницы.Важно, чтобы карта распечатывалась до точного физического размера на бумаге, которая для наших целей здесь может быть 3 дюйма в ширину и 2 дюйма в высоту.

Каждая карта представляет собой изображение в элементе <div>, и вот, что я думаю, это соответствующий CSS: 

@media print {
    @page {
        margin: 0.5in;
    }
    .card__print {
        width: 3in;
        height: 2in;
    }
    .card__print img {
        max-width: 100%;
    }
}

Когда я печатаю карту в Safari, она имеет правильную высоту(2 дюйма), но немного шире (~ 3,25 дюйма), что означает, что карта фактически растягивается.

Когда я печатаю на Firefox или Chrome, карта имеет правильное соотношение сторон, но она слишком узкая и слишком короткая.Однако обе распечатки в точности совпадают.

Все три браузера настроены на 100% масштаб.

Есть ли способ исправить эту проблему, или различные браузеры просто интерпретируютстраница по-другому?

...