Настройка ландшафта в Chrome недоступна при использовании ReactToPrint

Question

Использование этого https://github.com/gregnb/react-to-print

При печати у меня нет свойства ориентации в Chrome диалоговом окне печати. ​​

Как видите, у меня есть таблица со многими столбцами. Пейзажная ориентация предпочтительнее.

При каких условиях Chrome скрывает эту функцию? Некий ли html -элемент вызывает это?

Answer 1

Это происходит потому, что где-то в вашем коде есть объявление CSS @page с size. И если определен определенный размер c, например portrait или A4 portrait, то Chrome ( и, скорее всего, другие браузеры ) скроют Orientation option.

Если у вас установлено несколько CSS и вы не уверены, откуда может появиться это объявление CSS, вы можете создать правило CSS @page с помощью size: auto и даже сделайте это !important.

@page {
  size: auto;
}

или используйте !important, если вы не можете переопределить объявление:

@page {
  size: auto !important;
}

Тогда диалог печати будет иметь Orientation выпадающий вариант.