打印后 Chrome 关闭选项卡 - CSS

当我们在 Chrome 浏览器中打印页面时，可能需要在打印完成后自动关闭当前选项卡。这个功能可以通过 CSS 来实现。

在 CSS 样式表中使用 @media print 媒体查询，可以指定当打印操作完成后需要执行的样式。

以下是实现打印后自动关闭当前选项卡的 CSS 代码：

@media print {
  /* 将页面背景颜色设置为白色 */
  body {
    background-color: white !important;
  }
  /* 关闭当前选项卡 */
  @page {
    size: auto;  /* 该属性必须设置 */
    margin: 0;  /* 设置页边距为0 */
  }
  body:after {
    content: "";
    display: block;
    height: 1px;
    visibility: hidden;
  }
}

在上述代码中，@media print 媒体查询下，为了避免打印出页面背景颜色，将页面背景颜色设置为白色。然后，通过设置页面尺寸为自动来禁用页眉页脚，将页边距设置为0，并利用 CSS 伪元素 :after 添加一个不可见的水平线，来触发浏览器的打印功能。

将代码复制到你的样式表中，即可实现打印后自动关闭 Chrome 浏览器当前选项卡的功能。

如有其他需求，请参考 MDN 文档 和 CSS 初探。