Как установить размер всплывающего окна в соответствии с размером отпечатка (A4)
У меня есть страница, где при нажатии кнопки появляется всплывающее окно (это div с iframe, содержащим контент для печати).
Проблема, которую я получил сейчас, состоит в том, чтобы установить размер всплывающего окна /div, чтобы он имел такое же отношение ширины / высоты к печатному результату (он всегда будет печататься на A4).
Кто-нибудь знает, как рассчитать этот размер (ширина / высота)?
Пример: div содержит несколько абзацев, содержащих текст и несколько изображений. Я нажимаю кнопку, и открывается всплывающее окно, показывающее уменьшенный масштаб печати в формате A4. Проблема здесь состоит в том, чтобы как можно точнее определить ширину (и высоту) элемента div, чтобы он выглядел точно так же, как напечатанные результаты (разрывы строк и т. Д.).
3 ответа
Использование относительных мер (например, width: 50%) должно сработать; в качестве альтернативы, вы можете использовать физические меры (width: 12.5cm).
Пожалуйста, откройте всплывающее окно с размером 595X842 px и попробуйте распечатать. Результирующий print будет хорошо вписываться в A4 page size
Вы должны будете установить ширину вашей страницы на фиксированную сумму. На всю жизнь я не могу вспомнить, что это за ширина (ожидайте около 700 пикселей в ширину). Вы также можете добавлять разрывы страниц, используя HTML, как требуется.
Например:
.pagebreak {page-break-after: always;}
Надеюсь, это поможет.