Html 如何打印<；部门>；标签和它一样吗？

我想打印标签的内容。门户网站上的所有问题都给出了答案，但打印选项卡中的卡片形状失真。我想要完全相同的身份证打印。我希望在写入div内容时输出。标签包含一个css文件。

---

请参见图片查看CSS媒体查询

@media print{

}

可用于在输出到打印机时将特定CSS规则应用于文档。我猜你的问题是，你试图打印整个页面，而不仅仅是卡片，导致基于比例的失真

编辑：

下面是对打印样式的详细介绍：

编辑：

对于你的问题，这里有一个更具体的答案：

@media print{
  *{
    display: none;
  }
  html, body, #card{
    display: block;
    margin: 0;
    max-width: 100%;
    height: auto;
  }
}

*规则是一个用于隐藏所有内容的通配符——如果您的#卡包含任何内容，您可能需要自定义此规则（您不想隐藏这些内容——您只需要删除其中的任何样式，例如背景色、边距或填充）

下一条规则确保显示html、正文和#卡片，并且没有应用于它们的边距——这是为了确保#卡片与页面左上角齐平

---

我还在这些元素上抛出了一个最大宽度：100%和高度：自动，以确保#卡片不能大于页面。

通过打印，你的意思是你想打印一个物理副本，当这样做时，它会失真吗？是的，当我使用javascript或jquery时，它会打开一个带有打印窗口的新选项卡，但id的所有布局都会改变。请看我插入的图片。它有一张身份证，我想打印它，而不是整页。也可能是因为您的页边距/填充将您希望打印的内容从页面上丢弃，导致打印了两页。谢谢您，但我正在尝试只打印我在文章中包含的图片中可以看到的卡。确切地说，使用@media print指令应用

显示：无除了卡片之外的所有内容。实际上@jonny我是css和web开发的新手。你能用实际代码详细说明你的答案吗。我的标签id是“卡”。如果你能做到这一点，这将是一个很大的帮助。当然，我会编辑我的答案，以显示我将如何解决你的问题。