Как рассчитать пиксели от дюймов для печати

Question

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

Насколько я знаю, формула довольно проста, что я сделал: , если пользователь выбрал 24" х 18" с 72 точек на дюйме он генерирует Div контейнер с изображением 1728px х 1296 (24" х 72dpi = 1728px width и 18 "x 72dpi = 1296px)

Но когда я отправляю этот div с печатью на принтере, даже у меня есть принтер PDF с настройкой 24" x18 "x 72dpi, размер фактически меньше, чем бумага.

Является ли моя формула правильной?

Answer 1

Для целей печати, вы можете определить «стили печати», который работает как запросы средств массовой информации (на самом деле это является медиа-запрос):

@media print { 
    body { 
     background: none; 
    } 
    .my_wrapper { 
     width: 80%; 
     margin: 2in auto; 
    } 
etc. 
} 

В то вы можете определить размеры для всех элементов также в абсолютных единицах, например, сантиметр, дюймы и т. д. Посмотрите здесь: http://www.w3schools.com/cssref/css_units.asp (в нижней части этой страницы)

(помните: что там есть, является onl y действителен для распечатки)

Вы также можете установить разрывы страниц, чтобы определить, где ваша веб-страница должна быть разделена на печатные страницы, см. http://www.w3schools.com/cssref/pr_print_pageba.asp и на следующих страницах.

Таким образом, это является возможно разработать относительно точную схему для распечаток. Но это большая работа, и часто проще просто разместить на своем сайте pdf-файл, который люди могут распечатать.