Запрос ориентации медиа-печати не работает в Chrome - PullRequest
Новая
       18

Запрос ориентации медиа-печати не работает в Chrome

1 голос
/ 24 мая 2019

Я пытаюсь использовать медиа-запрос ориентации во время печати, чтобы изменить способ отображения моих данных.Это работает в FF и Edge, но не в Chrome.Если я включаю эмуляцию в инструментах разработчика и выбираю «печать», мой код работает.Если я пытаюсь печатать, хотя ни окно предварительного просмотра, ни выходные данные не меняются в зависимости от ориентации.

Я попытался найти стиль в html, а также внешне.

Это мой файл print.css: 

@media (orientation: portrait) {
   pre {
     font-size: 5px;
   }
}
@media (orientation: landscape) {
   pre {
     font-size: 20px;
   }
}

А это мой исходный файл: 

<code><!DOCTYPE html>
<html>
   <head>
      <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
      <link rel="stylesheet" href="print.css" media="print" type="text/css">
   </head>

   <body>
      <pre>1234567890

Я бы ожидал, что он будет отображать текст <pre> с размером шрифта 20 пикселей, когда при печати выбран альбомный макет, и с размером шрифта 5 пикселей, когда выбран портрет.Именно так это работает в FF и Edge при просмотре предварительного просмотра или печати (например, в PDF).

...