如何从英寸计算像素以进行打印

Question

我想允许用户选择固定的纸张尺寸和 dpi，然后生成一个带有足够宽度/高度的图像的 div 容器，当它发送到具有相同设置（相同的纸张尺寸和 dpi）的打印机时，它将具有预期的大小/质量。

据我所知，公式很简单，我做了什么： 如果用户选择 24" x 18" 和 72 dpi 它生成一个 div 容器，其图像为 1728px x 1296px（24"x 72dpi= 1728px 宽度和 18"x 72dpi=1296px）

但是当我将带有媒体打印的 div 发送到打印机时，即使我有设置为 24"x18" x 72dpi 的 PDF 打印机，尺寸实际上也比纸张小。

我的公式正确吗？

Answer 1

出于打印目的，您可以定义“打印样式”，其工作方式类似于媒体查询（实际上它是媒体查询）：

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

您还可以在其中以绝对单位定义所有元素的大小，例如厘米、英寸等。请看这里：http://www.w3schools.com/cssref/css_units.asp（在该页面的底部）

（记住：里面有什么，只对打印有效）

您还可以设置分页符来确定您的网页应该在哪里分成打印页面，请参阅http://www.w3schools.com/cssref/pr_print_pageba.asp 和以下页面。

因此， 可以为打印输出制定一个相对精确的布局。但这需要大量工作，而且通常将 PDF 放在您的网站上供人们打印出来会更容易。