Как установить размер всплывающего окна в соответствии с размером отпечатка (A4)

Question

У меня есть страница, на которой при нажатии кнопки отображается всплывающее окно (это div с фреймом, содержащим содержимое для печати).

Проблема, которую я получил сейчас, состоит в том, чтобы установить размер всплывающего окна / div, чтобы он имел такое же отношение ширины / высоты к печатному результату (он всегда будет печататься на A4).

Кто-нибудь знает, как я рассчитываю этот размер (ширина / высота)?

Пример: Div содержит несколько абзацев, содержащих текст и некоторые изображения. Я нажимаю кнопку, и открывается всплывающее окно, показывающее уменьшенный вид печати в формате A4. Проблема здесь заключается в том, чтобы как можно точнее определить ширину (и высоту) элемента div, чтобы он выглядел точно так же, как напечатанные результаты (разрывы строк и т. Д.).

Answer 1

Использование относительных мер (например, width: 50%) должно работать; В качестве альтернативы вы можете использовать физические меры (width: 12.5cm).

Answer 2

Пожалуйста, откройте всплывающее окно с размером 595X842 px и попробуйте распечатать.Результирующий print будет хорошо вписываться в A4 page size

Answer 3

Вам придется установить ширину вашей страницы на фиксированную сумму.На всю жизнь я не могу вспомнить, что это за ширина (ожидайте около 700 пикселей в ширину).Вы также можете добавлять разрывы страниц с использованием HTML.

Например:

.pagebreak {page-break-after: always;}

Надеюсь, это поможет.