网页上的名片高度和宽度（以像素为单位）？

Question

我需要网页上以像素为单位的名片高度和宽度，因为我在我的应用程序中使用 HTML 和 CSS 创建了名片设计。在这里我可以给打印推荐打印名片。

现在我使用的像素宽度和高度是多少，以便正确打印在实际名片尺寸（3.5 和 2 英寸）上

Answer 1

应该是：

height: 336px
width: 192

=

height: 3.5in
width: 2in

Answer 2

英寸是有效的 CSS 长度，只需使用它们即可。

绝对长度单位表示物理测量值，并且当输出介质的物理属性已知时，例如打印布局。这是通过将一个单元锚定到一个物理单元并相对于它定义另一个单元来完成的。对于低分辨率设备（如屏幕）和高分辨率设备（如打印机），锚点的处理方式不同。

Length @ MDN

CSS 单位和每英寸点数

单位in/inch不代表屏幕上的物理英寸，而是代表96px。这意味着无论实际屏幕像素密度是多少，都假定为 96dpi。在像素密度更大的设备上，1in 将小于 1 物理英寸。同样，mm、cm、pt 也不是绝对长度。

一些具体的例子：

1in 总是 96px，3pt 总是 4px，25.4mm 总是 96px。