我有一个链接的HTML和CSS文件。
我有10张图片，在CSS文件中，这些图片专门定位在屏幕上使用＆＃34; position：absolute;＆＃34;
我现在正在尝试打印该文件，并希望每页有一个图像。是否有任何可能的方法来覆盖绝对的＆＃34;定位并将一个图像打印到页面？
我应该使用2个附加的CSS文件（@media screen＆amp; @media print）吗？
任何帮助表示赞赏！
答案 0 :(得分：1)
首先您可以查看Paged Media查询以获取更多精彩内容：https://www.smashingmagazine.com/2015/01/designing-for-print-with-css/和https://developer.mozilla.org/pl/docs/Web/CSS/@page
第二件事是如何构建HTML文件。如果手动，也许您可以将其拆分为单独的文件。如果您使用某些代码（如Java，Python，Php，Ruby，Js ......）输出HTML，那么您可以相应地输出2个版本，或者使用bool“flag”根据需要更改它。
您还可以尝试将分页媒体和@media打印结合起来。
多个@media规则可以在单个CSS文件中，但是对于更大的事情来说，一个好的做法是将事物保存在多个文件中，并且仅使用SASS或LESS等工具输出。