使用 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。