CSS如何根据用户选择的纸张设置Div专属打印样式（A4/Letter）

你提供的示例代码语法有误，CSS中不存在@media print [A4]这种写法，要实现不同纸张的专属打印样式，需要使用标准的媒体查询结合纸张尺寸特性，以下是正确的实现方式：

方法一：使用size媒体特性（推荐） #

通过@media print结合size特性，可以直接针对A4或Letter纸张设置样式，同时配合@page规则定义纸张尺寸：

/* 定义默认A4纸张的页面属性 */
@page {
  size: A4;
  margin: 0;
}

/* 针对A4纸的图片打印样式 */
@media print and (size: A4) {
  .img {
    height: 40mm;
    margin: 17mm 6mm 0mm 5mm;
    padding: 0 !important;
    display: inline !important;
  }
}

/* 针对Letter纸的页面属性与图片样式 */
@media print and (size: letter) {
  @page {
    size: letter;
    margin: 0;
  }

  .img {
    height: 42mm;
    margin: 29mm 4mm 0mm 2mm;
    padding: 0 !important;
    display: inline !important;
  }
}

方法二：通过纸张宽度模拟（兼容旧浏览器） #

部分旧浏览器可能不支持size媒体特性，此时可以利用A4（210mm宽）和Letter（215.9mm宽）的物理宽度差异来设置样式：

/* A4纸打印样式（宽度≤210mm） */
@media print and (max-width: 210mm) {
  .img {
    height: 40mm;
    margin: 17mm 6mm 0mm 5mm;
    padding: 0 !important;
    display: inline !important;
  }
}

/* Letter纸打印样式（宽度≥215mm） */
@media print and (min-width: 215mm) {
  .img {
    height: 42mm;
    margin: 29mm 4mm 0mm 2mm;
    padding: 0 !important;
    display: inline !important;
  }
}

注意：使用size特性时，不同浏览器的支持程度可能略有差异，建议测试主流浏览器（Chrome、Firefox、Edge）的打印效果。

内容的提问来源于stack exchange，提问作者zackhalil