Как напечатать страницу с электронным (с vue) с тем же результатом в Windows и Mac

Question

У меня печатаются таблицы стилей для страницы в vue.js. При вызове window.print(); в окнах страница печатается меньше, чем и должно быть (см. Изображение). Когда я делаю то же самое на Mac, он отлично печатает. Также предварительный просмотр на Mac является правильным, но на Windows это не так.

Пример Windows

В приложении есть боковая панель с переходом. Я добавил следующее для всего приложения:

@media print {
  @page {
    size: 210mm 297mm;
    margin: 15mm;
  }

  * {
    transition: none !important;
  }
}

Боковая панель имеет display: none; при печати. Как и нижний колонтитул, потому что он не нужен на бумаге. Также контейнер сайта имеет специальные стили, чтобы сохранить полный размер

@media print {
  margin: 0;
  padding: 0;
  min-width: 0 !important;
  max-width: initial;
  width: 100vw;
  font-size: 1.2rem;
}

Я пока не хотел автоматически создавать PDF, потому что у меня есть только один браузер (Chrome), который должен обрабатывать стили печати. Это сделало бы его более привлекательным в случае разрешения (я думаю).

Я ожидаю получить тот же результат печати на электронном с vue на Windows и Mac. На самом деле мне нужно только, чтобы это было правильно в Windows ?

Answer 1

Без указания конкретного размера страница печатается в данный момент правильно.Поэтому я удалил эти строки:

@page {
  size: 210mm 297mm;
  margin: 15mm;
}