Использование HTML / CSS для сжатия содержимого на странице для печати - PullRequest
0 голосов
/ 15 ноября 2018

Есть ли способ заставить веб-браузер сжимать, уменьшать шрифт или иным образом сокращать размер контента в пределах HTML / CSS-определенной страницы контента, чтобы он помещался на печатной странице?

Я пытаюсь распечатать документы из различных веб-хранилищ в формате PDF или в печатном виде. Эти документы часто имеют номера страниц как печатный документ; к сожалению, веб-версии, доступные в репозиториях, часто не соответствуют нумерации страниц при печати. ​​

Совершенно и совершенно случайный пример: https://www.sec.gov/Archives/edgar/data/1392097/000095013607001902/file1.htm

При поиске в других темах я собрал следующий код, который был успешным при определении размера страницы и включении в напечатанный документ разрывов страниц в соответствующем месте в начале новых страниц:

<style>
.pageA4 {float:none; page-break-before:always; body{width:210mm; height 297mm; margin-left:auto; margin-right:auto;}
</style>
...
<div class="pageA4">
Content content content
</div>

Однако, если содержимое превышает размер страницы A4, избыток распространяется на следующую страницу. Он продолжается до тех пор, пока не достигнет тега / div, затем следующий div начинается в верхней части следующей распечатанной страницы, если это необходимо.

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

1 Ответ

0 голосов
/ 15 ноября 2018

Возможно, вы захотите использовать

@media print {
 /* styles go here */
}

HTML5 Boilerplace CSS содержит «инструкции о том, как браузеры должны разбивать содержимое на страницы» наряду со многими другими стилями печати. ​​

...