使用 CSS 将页面缩放为标准字母格式

Question

关于使用 Django 生成的网页，我想在 Chrome 中将页面打印为 PDF。但当我这样做时，视图不适合标准 8.5/11 纸张尺寸。

是否有一种简单的方法使用 CSS/HTML 来缩放项目，以便当您选择打印时，它会将所有内容放入标准字母尺寸的纸张上？

因此，对于台式机，如果我有类似的东西：

@media only screen and (min-width: 768px) {

  /* For desktop: */

  .col-1 {width: 8.33%;}

  .col-2 {width: 16.66%;}

  .col-3 {width: 25%;}

}

纸张尺寸会是这样吗？

@media only screen and (min-width: 8.5in) {

  /* For printing: */

  .col-1 {width: 8.33%;}

  .col-2 {width: 16.66%;}

  .col-3 {width: 25%;}

}

或者有更好的方法来实现这一点吗？

Answer 1

打印时，您处理的是@media print，而不是@media screen。